html{max-width:100vw;overflow-x:hidden;overscroll-behavior-y:contain}:root{--bg-primary: #020617;--bg-secondary: #0f172a;--accent-cyan: #00e5ff;--accent-cyan-dim: rgba(0, 229, 255, .1);--accent-glow: rgba(0, 229, 255, .5);--text-primary: #ffffff;--text-secondary: #94a3b8}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:radial-gradient(circle at 50% 0%,#083344,#020617);background-color:#020617;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}.global-neon-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.neon-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.5),transparent);filter:blur(2px);opacity:.6}.neon-line-1{top:15%;left:-10%;width:60%;transform:rotate(25deg);animation:float-neon 10s infinite alternate ease-in-out;background:linear-gradient(90deg,transparent,#06b6d4,transparent)}.neon-line-2{bottom:20%;right:-10%;width:70%;transform:rotate(-15deg);animation:float-neon 12s infinite alternate-reverse ease-in-out;background:linear-gradient(90deg,transparent,#3b82f6,transparent)}@keyframes float-neon{0%{transform:translateY(0) rotate(var(--r, 0deg)) scale(1);opacity:.4}to{transform:translateY(-30px) rotate(var(--r, 0deg)) scale(1.1);opacity:.8}}.active-menu-item{background:linear-gradient(90deg,#06b6d426,#06b6d400);border-left:3px solid #22d3ee;color:#fff!important;text-shadow:0 0 10px rgba(34,211,238,.4)}.active-menu-item svg{color:#22d3ee!important;filter:drop-shadow(0 0 5px rgba(34,211,238,.5))}.mesh-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#05080f;overflow:hidden}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:mesh-float 20s infinite alternate ease-in-out}.mesh-blob-1{width:600px;height:600px;background:radial-gradient(circle,#06b6d4 0%,transparent 70%);top:-10%;left:-10%;animation-duration:25s}.mesh-blob-2{width:500px;height:500px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);bottom:-5%;right:-5%;animation-duration:30s;animation-delay:-5s}.mesh-blob-3{width:400px;height:400px;background:radial-gradient(circle,#0e7490 0%,transparent 70%);top:40%;right:10%;animation-duration:22s;animation-delay:-10s}.mesh-blob-4{width:450px;height:450px;background:radial-gradient(circle,#155e75 0%,transparent 70%);bottom:20%;left:15%;animation-duration:28s;animation-delay:-15s}@keyframes mesh-float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}:root{--glass-bg: rgba(2, 6, 23, .2);--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1)}.glass-panel,.glass-card,.glass-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-panel:before,.glass-card:before,.glass-content:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff08,#fff0);pointer-events:none;z-index:0}.glass-header{background:#0206174d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.modal-glass{background:#0f172abf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px -12px #00000080}.glass-panel:hover,.glass-card:hover,.glass-content:hover{background:var(--glass-bg);border-color:#06b6d480;transform:translateY(-2px);box-shadow:0 0 40px #06b6d440}.clyro-input{background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;padding:12px 16px;color:#fff!important;font-size:14px;transition:all .3s ease;width:100%;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clyro-input:focus{background:#00000080!important;border-color:#06b6d499!important;box-shadow:0 0 0 4px #06b6d426}.clyro-input::placeholder{color:#fff6}select,select.clyro-input,select.clyro-select{background:#02061766!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff!important;font-weight:700!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .3s ease}select:hover,select.clyro-input:hover{border-color:#06b6d480!important;background:#06b6d41a!important;box-shadow:0 0 15px #06b6d426}select:focus,select.clyro-input:focus{background:#06b6d426!important;color:#fff!important;border-color:#06b6d4!important;box-shadow:0 0 0 4px #06b6d426,0 0 20px #06b6d433;outline:none}select option{background:#0f172a;color:#fff;font-weight:600}.payment-method-card{background:#02061766;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.payment-method-card:hover{background:#ffffff0d;border-color:#06b6d44d}.payment-method-card.selected{background:#06b6d41a;border-color:#06b6d4;box-shadow:0 0 20px #06b6d426}.payment-method-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.payment-method-radio.checked{border-color:#06b6d4}.payment-method-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.btn-primary-gradient{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #06b6d44d}.btn-primary-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #06b6d480;filter:brightness(1.1)}.btn-back-gradient{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:10px 20px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-back-gradient:hover{background:#ffffff1a;border-color:#fff6;transform:translate(-4px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@supports (scrollbar-width: thin){.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-custom{to{transform:rotate(360deg)}}.animate-spin-slow-10s{animation:spin-custom 10s linear infinite}.animate-spin-reverse-7s{animation:spin-custom 7s linear infinite reverse}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.02;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.fi-lg{font-size:1.25rem}
