*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Lexend,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background-color:#05080f;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.12),transparent 40%),radial-gradient(circle at 85% 25%,rgba(219,39,119,.14),transparent 40%),radial-gradient(circle at 50% 90%,rgba(99,102,241,.08),transparent 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden;color:#e2e8f0}.cyber-panel{background:#150613;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #0006,inset 0 -4px 10px #00000080,inset 0 4px 10px #ffffff4d;position:relative;border-radius:18px;z-index:1}.cyber-panel:before{content:"";position:absolute;inset:-1.5px;z-index:-1;background:linear-gradient(135deg,#3b82f6cc,#db2777,#a855f7);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;animation:border-pulse 3s ease-in-out infinite}@keyframes border-pulse{0%,to{opacity:.6}50%{opacity:1}}.cyber-panel:after{content:"";position:absolute;top:2px;left:3%;right:3%;height:35%;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff80,#fff0);z-index:2}.cyber-panel .material-symbols-outlined,.icon-3d{background:linear-gradient(135deg,#fbcfe8,#db2777,#831843);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 4px 3px rgba(0,0,0,.6)) drop-shadow(0px 0px 8px rgba(219,39,119,.5));transform:translateZ(10px)}.holo-button{background:linear-gradient(90deg,#831843,#db2777,#fbcfe8,#db2777,#831843);background-size:200% auto;color:#fff;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #db277780,inset 0 2px 10px #ffffff80,inset 0 -2px 4px #0003;animation:shine 3s linear infinite;text-shadow:0 2px 4px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}@keyframes shine{to{background-position:200% center}}.tech-input{background:#00000080!important;border:1px solid rgba(219,39,119,.4)!important;box-shadow:inset 0 2px 10px #000c!important;color:#fbcfe8!important;transition:all .3s ease}.tech-input:focus{border-color:#f472b6!important;box-shadow:0 0 15px #db277780,inset 0 2px 10px #000c!important}#root{min-height:100vh}.animate-fade-in{animation:fade-in .4s ease-out both}.animate-fade-in-up{animation:fade-in-up .5s ease-out both}.animate-slide-up{animation:slide-up .35s cubic-bezier(.4,0,.2,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(219,39,119,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(219,39,119,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#db2777;border-radius:9999px}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:not(.iconBtn):not([style*=none]):not([style*=transparent]){position:relative;overflow:hidden;border-radius:50px!important;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 12px #0006,inset 0 -4px 8px #00000080,inset 0 4px 10px #ffffff80;transition:all .3s cubic-bezier(.25,.8,.25,1);transform-style:preserve-3d;font-weight:800;text-transform:uppercase;letter-spacing:.5px}button:not(.iconBtn):not([style*=none]):not([style*=transparent]):before{content:"";position:absolute;top:2px;left:4%;right:4%;height:45%;background:linear-gradient(180deg,#fffc,#fff0);border-radius:50px;pointer-events:none;z-index:1}button:not(.iconBtn):not([style*=none]):not([style*=transparent]):hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #00000080,inset 0 -4px 8px #00000080,inset 0 4px 12px #ffffffb3!important}button:not(.iconBtn):not([style*=none]):not([style*=transparent]):active{transform:translateY(2px) scale(.98);box-shadow:0 2px 5px #0000004d,inset 0 -2px 4px #0009,inset 0 2px 4px #ffffff4d}.btn-gel-blue{background:linear-gradient(180deg,#3b82f6,#1d4ed8)!important}.btn-gel-pink{background:linear-gradient(180deg,#ec4899,#be185d)!important}.btn-gel-green{background:linear-gradient(180deg,#22c55e,#15803d)!important}.btn-gel-purple{background:linear-gradient(180deg,#a855f7,#7e22ce)!important}.btn-gel-dark{background:linear-gradient(180deg,#1e3a8a,#172554)!important}.btn-gel-black{background:linear-gradient(180deg,#334155,#0f172a)!important}.btn-gel-yellow{background:linear-gradient(180deg,#fef08a,#facc15)!important;color:#000!important}.btn-gel-teal{background:linear-gradient(180deg,#14b8a6,#0f766e)!important}.btn-gel-orange{background:linear-gradient(180deg,#f97316,#c2410c)!important}.card-gel-blue{background:linear-gradient(145deg,#3b82f6,#1d4ed8)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-purple{background:linear-gradient(145deg,#a855f7,#7e22ce)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-pink{background:linear-gradient(145deg,#ec4899,#be185d)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-yellow{background:linear-gradient(145deg,#ffc40c,#d49a00)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#000!important;border-color:#fff9!important}.card-gel-yellow h2,.card-gel-yellow p{color:#000!important}.card-gel-teal{background:linear-gradient(145deg,#14b8a6,#0f766e)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-orange{background:linear-gradient(145deg,#f97316,#c2410c)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-green{background:linear-gradient(145deg,#22c55e,#15803d)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-red{background:linear-gradient(145deg,#ef4444,#b91c1c)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-cyan{background:linear-gradient(145deg,#06b6d4,#0369a1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}.card-gel-gray{background:linear-gradient(145deg,#64748b,#334155)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#fff6!important}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}video{-webkit-tap-highlight-color:transparent;outline:none}.isometric-card{position:relative;border-radius:18px;padding:16px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;transform-style:preserve-3d;box-shadow:4px 4px #ffffff14,8px 8px 15px #0009;border:1px solid rgba(255,255,255,.15)}.isometric-card:active{transform:translate(2px,2px);box-shadow:2px 2px #ffffff14,4px 4px 10px #00000080}.isometric-card.locked{background:#ffffff05;border-color:#475569;box-shadow:4px 4px #ffffff05,8px 8px 15px #0006;opacity:.6}.home-container{min-height:100vh;padding:20px 20px 40px;max-width:440px;margin:0 auto;color:#fff;background:linear-gradient(160deg,#0f0c29,#1a0e3f 40%,#24076b);font-family:Inter,Segoe UI,sans-serif}.home-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.home-icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1}.home-hero-banner{border-radius:24px;background:linear-gradient(135deg,#2d1b69,#1e3a8a);padding:24px 20px 20px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.home-hero-title{font-size:36px;font-weight:900;color:#fff;line-height:1.15;margin:0 0 10px;letter-spacing:-.5px}.home-hero-tagline{font-size:13px;color:#94a3b8;font-weight:500;margin:0;line-height:1.5}.home-star{position:absolute;color:#facc15;animation:twinkle 3s ease-in-out infinite;transform:translateZ(0)}.home-tier-badge{background:#1e1446;border:1px solid rgba(250,204,21,.4);border-radius:30px;padding:10px 20px;text-align:center;margin-bottom:20px;transition:opacity .3s}.home-drill-card{border-radius:24px;background:linear-gradient(145deg,#3b0764,#1e1b5e);border:1.5px solid rgba(139,92,246,.5);padding:24px 20px 20px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.home-drill-title{font-size:24px;font-weight:900;color:#fff;margin:0 0 8px;line-height:1.25}.home-drill-subtitle{font-size:13px;color:#c4b5fd;font-weight:500;margin:0;line-height:1.5}.home-drill-btn{margin-top:20px;width:100%;padding:16px 0;border-radius:50px;background:linear-gradient(90deg,#f59e0b,#fbbf24);border:none;color:#1c1007;font-size:16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px #0000004d;transition:transform .15s,box-shadow .15s;letter-spacing:.3px}.home-drill-btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#00000040;font-size:14px}.home-feature-chips-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.home-feature-chip{text-align:center}.home-feature-chip-label{font-size:10px;color:#cbd5e1;font-weight:600;margin:0;line-height:1.4;white-space:pre-line}.home-select{padding:12px 16px;font-size:15px;border-radius:12px;outline:none;font-weight:600;appearance:none;width:100%}.home-input{padding:12px 16px;font-size:15px;border-radius:12px;outline:none;font-weight:600;width:100%;box-sizing:border-box}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1) translateZ(0)}50%{opacity:1;transform:scale(1.3) translateZ(0)}}@keyframes starPop{0%,to{transform:scale(1) rotate(0) translateZ(0)}50%{transform:scale(1.4) rotate(15deg) translateZ(0)}}@keyframes hardwareFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes hardwareFloat1{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes hardwareFloat2{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-7px,0)}}@keyframes hardwareFloat3{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes hardwareFloat4{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-9px,0)}}.skeleton-pulse{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%;animation:skelPulse 1.5s infinite linear}@keyframes skelPulse{0%{background-position:-200% 0}to{background-position:200% 0}}