:root{--color-primary:#f45162;--color-primary-15:#f4516126;--color-secondary:#17c0e9;--color-accent:#c96ddd;--color-bg-primary:#151414;--color-bg-secondary:#202123;--color-bg-card:#252527;--color-bg-dark:#1e1f21;--color-text-primary:#fff;--color-text-secondary:#9b9b9b;--color-text-muted:hsla(0,0%,100%,.7);--color-border:hsla(0,0%,100%,.1);--gradient-primary:linear-gradient(135deg,#17c0e9,#c96ddd,#f45162);--gradient-hover:linear-gradient(135deg,#f45162,#c96ddd,#17c0e9)}.app-button{align-items:center;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.app-button--small{font-size:.875rem;min-width:120px;padding:.75rem 1.5rem}@media(max-width:767px){.app-button--small{font-size:.8rem;min-width:110px;padding:.625rem 1.25rem}}.app-button--medium{font-size:14px;min-width:140px;padding:1rem 2rem}@media(max-width:767px){.app-button--medium{min-width:130px;padding:.875rem 1.75rem}}.app-button--large{font-size:1rem;font-weight:600;min-width:200px;padding:15px 30px;text-align:center}@media(max-width:991px){.app-button--large{font-size:.95rem;min-width:180px;padding:14px 28px}}@media(max-width:767px){.app-button--large{font-size:.9rem;min-width:160px;padding:12px 24px}}@media(max-width:480px){.app-button--large{min-width:100%;padding:14px 20px}}.app-button--primary{background-color:var(--color-primary);color:var(--color-text-primary)}.app-button--primary:hover:not(.app-button--disabled){background-color:#f12137;box-shadow:0 8px 25px #f451624d;transform:translateY(-2px)}.app-button--gradient{background:var(--gradient-primary);color:var(--color-text-primary);transition:background .5s ease-in-out,transform .3s ease,box-shadow .3s ease}.app-button--gradient:hover:not(.app-button--disabled){background:var(--color-primary);box-shadow:0 8px 25px #17c0e94d;transform:translateY(-2px)}.app-button--white{background:#fff;border:1px solid #fff;color:var(--color-primary)}.app-button--white:hover:not(.app-button--disabled){background:#f8f9fa;border-color:#f8f9fa;box-shadow:0 8px 25px #ffffff4d;transform:translateY(-2px)}.app-button--white:active:not(.app-button--disabled){background:#e9ecef;border-color:#e9ecef}.app-button--outline{background:transparent;border:1px solid var(--color-text-primary);color:var(--color-text-primary)}.app-button--outline:hover:not(.app-button--disabled){background:#ffffff0d;border-color:var(--color-primary);box-shadow:0 8px 25px #ffffff1a;transform:translateY(-2px)}.app-button--outline-white{background:transparent;border:1px solid #fff;color:#fff}.app-button--outline-white:hover:not(.app-button--disabled){background:#ffffff1a;box-shadow:0 8px 25px #ffffff26;transform:translateY(-2px)}.app-button--secondary{background:var(--color-bg-card);color:var(--color-text-primary)}.app-button--secondary:hover:not(.app-button--disabled){background:var(--color-primary);box-shadow:0 8px 25px #f451624d;transform:translateY(-2px)}.app-button--ghost{background:transparent;border:1px solid transparent;color:var(--color-text-primary)}.app-button--ghost:hover:not(.app-button--disabled){background:#ffffff0d;border-color:var(--color-text-primary)}.app-button--link{background:transparent;border:none;border-radius:0;color:var(--color-text-primary);min-width:auto;padding:0;text-decoration:underline}.app-button--link:hover:not(.app-button--disabled){box-shadow:none;opacity:.8;transform:none}.app-button--gradient-outline{background:transparent;border:1px solid transparent;color:var(--color-text-primary);position:relative}.app-button--gradient-outline:before{background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}.app-button--gradient-outline:hover:not(.app-button--disabled){background:#ffffff0d;box-shadow:0 8px 25px #17c0e933;transform:translateY(-2px)}.app-button--rounded{border-radius:2rem}.app-button--disabled{cursor:not-allowed;opacity:.6}.app-button--disabled:hover{box-shadow:none!important;transform:none!important}.app-button__content{align-items:center;display:flex;gap:.5rem}@media(max-width:360px){.app-button--large,.app-button--medium,.app-button--small{font-size:.8rem}.app-button--small{min-width:100px;padding:.5rem 1rem}.app-button--medium{min-width:120px;padding:.75rem 1.5rem}}@media(max-width:991px)and (orientation:landscape){.app-button--large{font-size:.85rem;min-width:160px;padding:10px 20px}}.app-button--icon{height:24px;min-width:24px;padding:0}