@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #FF4B4B;--bg-color: #121212;--card-bg: #1E1E1E;--border-color: #333333;--text-main: #F5F5F5;--text-muted: #A0A0A0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}#root{width:100%}.auth-container{width:100%;max-width:500px;margin:0 auto;padding:40px 24px;min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background-color:transparent;width:100%}.brand-title{font-size:40px;font-weight:800;color:var(--primary);text-align:center;margin-bottom:8px;letter-spacing:-.5px}.subtitle{font-size:18px;color:var(--text-muted);font-weight:600;text-align:center;margin-bottom:32px}.input-group{margin-bottom:16px}.input-label{display:block;font-size:14px;font-weight:700;color:var(--text-main);margin-left:4px;margin-bottom:8px}.input-field{width:100%;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:16px;color:var(--text-main);font-size:16px;font-weight:500;outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.btn-primary{width:100%;background-color:var(--primary);color:#fff;border:none;border-radius:16px;padding:18px;font-size:18px;font-weight:800;cursor:pointer;letter-spacing:1px;transition:opacity .2s,transform .1s;margin-top:8px;margin-bottom:16px;border-bottom:4px solid rgba(255,75,75,.6)}.btn-primary:active{transform:scale(.98);border-bottom-width:0px;margin-top:12px}.alert-error{background-color:#ff453a1a;border:1px solid #FF453A;color:#ff453a;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-success{background-color:#30d1581a;border:1px solid #30D158;color:#30d158;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500;text-align:center}.loader{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid #fff;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pwd-req{font-size:12px;color:var(--text-muted);display:flex;align-items:center;margin-bottom:6px;font-weight:500}.pwd-req.valid{color:#30d158}.pwd-req.invalid{color:#ff453a}.pwd-req-icon{margin-right:8px;font-size:14px}.landing-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;position:sticky;top:0;background-color:#121212d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border-color)}.nav-logo{display:flex;align-items:center;gap:12px}.nav-mascot{height:40px;width:auto}.nav-brand{font-size:24px;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.nav-actions{display:flex;gap:16px}.nav-btn-outline{background:transparent;color:var(--text-main);border:2px solid var(--border-color);padding:10px 24px;border-radius:24px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.nav-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.nav-btn-solid{background:var(--primary);color:#fff;border:none;padding:12px 28px;border-radius:24px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #ff4b4b4d;transition:transform .2s,box-shadow .2s}.nav-btn-solid:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff4b4b66}.hero-section{min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;position:relative}.hero-title{font-size:72px;font-weight:900;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#ff4b4b,#ff9f0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto 40px;line-height:1.6;font-weight:500}.hero-cta{background:var(--text-main);color:var(--bg-color);border:none;padding:18px 40px;border-radius:30px;font-size:18px;font-weight:800;cursor:pointer;transition:transform .2s}.hero-cta:hover{transform:scale(1.05)}.hero-mascot-wrapper{margin-top:60px;height:200px}.hero-mascot{height:100%;width:auto}.scroll-indicator{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-text{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.feature-section{min-height:80vh;display:flex;align-items:center;justify-content:space-between;padding:80px 10%;gap:60px}.feature-section.left{flex-direction:row-reverse}.section-darker{background-color:#0a0a0a}.feature-text{flex:1}.feature-title{font-size:56px;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px}.feature-desc{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:480px}.feature-visual{flex:1;display:flex;justify-content:center;align-items:center}.animate-on-scroll{opacity:0;filter:blur(5px);transform:translateY(40px);transition:all 1s cubic-bezier(.2,.8,.2,1)}.animate-on-scroll.show{opacity:1;filter:blur(0);transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.bounce{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.mock-path-container{display:flex;flex-direction:column;align-items:center}.mock-node{width:80px;height:80px;border-radius:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #00000080}.mock-node.completed{background:#30d158}.mock-node.active{background:var(--primary);transform:scale(1.1);border:4px solid rgba(255,255,255,.2)}.mock-node.locked{background:var(--card-bg);border:2px solid var(--border-color)}.mock-path-line{width:4px;height:60px;background:var(--primary);margin:8px 0}.mock-path-line.dashed{background:transparent;border-left:4px dashed var(--border-color)}.mock-dashboard{background:var(--card-bg);border:1px solid var(--border-color);padding:32px;border-radius:24px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:360px}.mock-stat-card{display:flex;align-items:center;gap:20px;padding:20px;border-radius:16px;background:#151515;border:1px solid var(--border-color)}.stat-info h3{font-size:24px;font-weight:800;margin-bottom:4px}.stat-info p{font-size:14px;color:var(--text-muted);font-weight:600}.cta-section{padding:120px 20px;text-align:center;display:flex;justify-content:center}.cta-content{background:linear-gradient(180deg,var(--card-bg) 0%,#0A0A0A 100%);border:1px solid var(--border-color);border-radius:40px;padding:60px 40px;max-width:800px;width:100%}.cta-mascot{height:120px;margin-bottom:24px}.cta-title{font-size:48px;font-weight:900;margin-bottom:16px}.cta-desc{font-size:18px;color:var(--text-muted);max-width:500px;margin:0 auto 40px;line-height:1.6}.cta-btn-large{background:var(--text-main);color:var(--bg-color);border:none;padding:20px 48px;border-radius:32px;font-size:20px;font-weight:800;cursor:pointer;transition:transform .2s}.cta-btn-large:hover{transform:scale(1.05)}.landing-footer{text-align:center;padding:40px;color:var(--text-muted);font-size:14px;border-top:1px solid var(--border-color)}@media(max-width:768px){.hero-title{font-size:48px}.feature-section{flex-direction:column!important;padding:60px 20px;text-align:center;gap:40px}.feature-title{font-size:40px}.nav-btn-outline{display:none}}@media(min-width:769px){.auth-container{max-width:480px}.card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;padding:40px;box-shadow:0 16px 48px #0006}}