@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--rb-berry:#e91e63;--rb-berry-light:#ff5c8d;--rb-berry-dark:#ad1457;--rb-berry-glow:#e91e634d;--rb-mint:#00e5a0;--rb-mint-dark:#00b87d;--rb-sky:#00b4d8;--rb-violet:#7c3aed;--rb-amber:#f59e0b;--rb-coral:#ff6b6b;--rb-berry-gold:gold;--rb-streak-fire:#ff6b35;--rb-heart-red:#ff1744;--rb-league-blue:#2196f3;--rb-bg:#0f0f1a;--rb-bg-card:#191932b3;--rb-bg-elevated:#232341cc;--rb-surface:#ffffff0d;--rb-surface-hover:#ffffff1a;--rb-border:#ffffff14;--rb-text:#f0f0f5;--rb-text-secondary:#9ca3c0;--rb-text-muted:#636b8a;--rb-glass:#ffffff0d;--rb-glass-border:#ffffff1a;--rb-glass-blur:20px;--rb-gradient-primary:linear-gradient(135deg, #e91e63 0%, #7c3aed 100%);--rb-gradient-success:linear-gradient(135deg, #00e5a0 0%, #00b4d8 100%);--rb-gradient-warm:linear-gradient(135deg, #ff6b6b 0%, #f59e0b 100%);--rb-gradient-hero:linear-gradient(135deg, #0f0f1a 0%, #1a1a3e 50%, #2d1b4e 100%);--rb-gradient-card:linear-gradient(145deg, #ffffff0f 0%, #ffffff05 100%);--rb-font-heading:"Outfit", sans-serif;--rb-font-body:"Inter", sans-serif;--rb-shadow-sm:0 2px 8px #0003;--rb-shadow-md:0 8px 24px #0000004d;--rb-shadow-lg:0 16px 48px #0006;--rb-shadow-glow:0 0 40px var(--rb-berry-glow);--rb-radius-sm:8px;--rb-radius-md:12px;--rb-radius-lg:16px;--rb-radius-xl:24px;--rb-radius-full:9999px;--rb-ease:cubic-bezier(.4, 0, .2, 1);--rb-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--rb-bg:#fafbfe;--rb-bg-card:#ffffffe6;--rb-bg-elevated:#fffffff2;--rb-surface:#00000008;--rb-surface-hover:#0000000f;--rb-border:#00000014;--rb-text:#1a1a2e;--rb-text-secondary:#5a6080;--rb-text-muted:#9ca3c0;--rb-glass:#ffffffb3;--rb-glass-border:#00000014;--rb-gradient-hero:linear-gradient(135deg, #fafbfe 0%, #f0f0ff 50%, #f5eeff 100%);--rb-gradient-card:linear-gradient(145deg, #ffffffe6 0%, #f0f0ffcc 100%);--rb-shadow-sm:0 2px 8px #0000000f;--rb-shadow-md:0 8px 24px #00000014;--rb-shadow-lg:0 16px 48px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--rb-font-body);color:var(--rb-text);background:var(--rb-bg);line-height:1.6;overflow-x:hidden}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}h1,h2,h3,h4,h5,h6{font-family:var(--rb-font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--rb-font-body);cursor:pointer;border:none}input,textarea,select{font-family:var(--rb-font-body)}.rb-container{max-width:1200px;margin:0 auto;padding:0 24px}.rb-glass-card{background:var(--rb-glass);-webkit-backdrop-filter:blur(var(--rb-glass-blur));border:1px solid var(--rb-glass-border);border-radius:var(--rb-radius-lg);box-shadow:var(--rb-shadow-md);transition:transform .3s var(--rb-ease), box-shadow .3s var(--rb-ease)}.rb-glass-card:hover{box-shadow:var(--rb-shadow-lg);transform:translateY(-2px)}.rb-btn{border-radius:var(--rb-radius-full);transition:all .3s var(--rb-ease);justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.rb-btn:after{content:"";opacity:0;transition:opacity .3s var(--rb-ease);background:#ffffff1a;position:absolute;inset:0}.rb-btn:hover:after{opacity:1}.rb-btn:active{transform:scale(.97)}.rb-btn-primary{background:var(--rb-gradient-primary);color:#fff;box-shadow:0 4px 16px var(--rb-berry-glow)}.rb-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e91e6380}.rb-btn-secondary{background:var(--rb-surface);color:var(--rb-text);border:1px solid var(--rb-border)}.rb-btn-secondary:hover{background:var(--rb-surface-hover);border-color:var(--rb-berry)}.rb-btn-ghost{color:var(--rb-text-secondary);background:0 0}.rb-btn-ghost:hover{color:var(--rb-berry);background:var(--rb-surface)}.rb-btn-google{color:#333;background:#fff;border:1px solid #ddd;font-weight:500}.rb-btn-google:hover{background:#f5f5f5;border-color:#ccc}.rb-input{background:var(--rb-surface);border:1px solid var(--rb-border);border-radius:var(--rb-radius-md);width:100%;color:var(--rb-text);transition:border-color .3s var(--rb-ease), box-shadow .3s var(--rb-ease);outline:none;padding:14px 18px;font-size:15px}.rb-input:focus{border-color:var(--rb-berry);box-shadow:0 0 0 3px var(--rb-berry-glow)}.rb-input::placeholder{color:var(--rb-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.15)}}@keyframes fireGlow{0%,to{filter:drop-shadow(0 0 4px #ff6b3580)}50%{filter:drop-shadow(0 0 12px #ff6b35cc)}}@keyframes berryFill{0%{width:0}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes progressRipple{0%{box-shadow:0 0 0 0 var(--rb-berry-glow)}to{box-shadow:0 0 0 20px #0000}}.animate-fade-in-up{animation:fadeInUp .6s var(--rb-ease) forwards}.animate-fade-in{animation:fadeIn .4s var(--rb-ease) forwards}.animate-slide-in-right{animation:slideInRight .5s var(--rb-ease) forwards}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.stagger-1{opacity:0;animation-delay:.1s}.stagger-2{opacity:0;animation-delay:.2s}.stagger-3{opacity:0;animation-delay:.3s}.stagger-4{opacity:0;animation-delay:.4s}.stagger-5{opacity:0;animation-delay:.5s}.rb-navbar{z-index:100;background:var(--rb-glass);-webkit-backdrop-filter:blur(var(--rb-glass-blur));border-bottom:1px solid var(--rb-glass-border);height:64px;padding:0 24px;position:fixed;top:0;left:0;right:0}.rb-navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;display:flex}.rb-logo{font-family:var(--rb-font-heading);background:var(--rb-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.rb-logo-icon{background:var(--rb-gradient-primary);-webkit-text-fill-color:white;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.rb-nav-links{align-items:center;gap:8px;display:flex}.rb-nav-link{border-radius:var(--rb-radius-full);color:var(--rb-text-secondary);transition:all .3s var(--rb-ease);padding:8px 16px;font-size:14px;font-weight:500}.rb-nav-link:hover,.rb-nav-link.active{color:var(--rb-text);background:var(--rb-surface-hover)}.rb-stats-bar{background:var(--rb-glass);-webkit-backdrop-filter:blur(var(--rb-glass-blur));backdrop-filter:blur(var(--rb-glass-blur));border-radius:var(--rb-radius-lg);border:1px solid var(--rb-glass-border);align-items:center;gap:20px;margin-bottom:24px;padding:16px 24px;display:flex}.rb-stat-item{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.rb-stat-icon{font-size:22px}.rb-stat-icon.streak{animation:2s ease-in-out infinite fireGlow}.rb-stat-icon.heart{animation:1.5s ease-in-out infinite heartbeat}.rb-stat-divider{background:var(--rb-border);width:1px;height:28px}.rb-berry-bar-container{flex:1;max-width:200px}.rb-berry-bar-label{color:var(--rb-text-secondary);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.rb-berry-bar-track{background:var(--rb-surface);border-radius:var(--rb-radius-full);height:8px;overflow:hidden}.rb-berry-bar-fill{background:var(--rb-gradient-success);border-radius:var(--rb-radius-full);height:100%;transition:width .8s var(--rb-spring);animation:berryFill 1s var(--rb-ease)}.rb-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.rb-lesson-card{background:var(--rb-gradient-card);-webkit-backdrop-filter:blur(var(--rb-glass-blur));backdrop-filter:blur(var(--rb-glass-blur));border:1px solid var(--rb-glass-border);border-radius:var(--rb-radius-lg);cursor:pointer;transition:all .3s var(--rb-ease);padding:24px;position:relative;overflow:hidden}.rb-lesson-card:before{content:"";background:var(--rb-gradient-primary);height:3px;transition:transform .3s var(--rb-ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.rb-lesson-card:hover:before{transform:scaleX(1)}.rb-lesson-card:hover{box-shadow:var(--rb-shadow-lg), 0 0 40px var(--rb-berry-glow);border-color:#e91e634d;transform:translateY(-4px)}.rb-lesson-card-icon{border-radius:var(--rb-radius-md);background:var(--rb-surface);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.rb-lesson-card-title{margin-bottom:8px;font-size:18px;font-weight:700}.rb-lesson-card-desc{color:var(--rb-text-secondary);margin-bottom:16px;font-size:14px}.rb-lesson-card-meta{color:var(--rb-text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.rb-lesson-card-badge{border-radius:var(--rb-radius-full);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:11px;font-weight:600}.rb-badge-a1{color:var(--rb-mint);background:#00e5a026}.rb-badge-a2{color:var(--rb-sky);background:#00b4d826}.rb-badge-b1{color:var(--rb-violet);background:#7c3aed26}.rb-badge-b2{color:var(--rb-amber);background:#f59e0b26}.rb-exercise-container{max-width:640px;margin:0 auto;padding:32px}.rb-exercise-progress{gap:4px;margin-bottom:32px;display:flex}.rb-exercise-progress-dot{border-radius:var(--rb-radius-full);background:var(--rb-surface);height:4px;transition:background .3s var(--rb-ease);flex:1}.rb-exercise-progress-dot.completed{background:var(--rb-mint)}.rb-exercise-progress-dot.current{background:var(--rb-berry);animation:1.5s infinite progressRipple}.rb-exercise-instruction{color:var(--rb-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:600}.rb-exercise-prompt{margin-bottom:32px;font-size:24px;font-weight:700;line-height:1.3}.rb-option-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rb-option-btn{background:var(--rb-surface);border:2px solid var(--rb-border);border-radius:var(--rb-radius-md);color:var(--rb-text);text-align:left;cursor:pointer;transition:all .2s var(--rb-ease);padding:16px 20px;font-size:16px;font-weight:500}.rb-option-btn:hover{border-color:var(--rb-berry);background:#e91e6314;transform:scale(1.02)}.rb-option-btn.correct{border-color:var(--rb-mint);color:var(--rb-mint);animation:pulse .3s var(--rb-spring);background:#00e5a01f}.rb-option-btn.incorrect{border-color:var(--rb-coral);color:var(--rb-coral);animation:shake .4s var(--rb-ease);background:#ff6b6b1f}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.rb-exercise-feedback{border-radius:var(--rb-radius-md);animation:fadeInUp .3s var(--rb-ease);margin-top:24px;padding:20px}.rb-feedback-correct{background:#00e5a01a;border:1px solid #00e5a04d}.rb-feedback-incorrect{background:#ff6b6b1a;border:1px solid #ff6b6b4d}.rb-league-board{padding:24px}.rb-league-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.rb-league-icon{font-size:36px}.rb-league-entry{border-radius:var(--rb-radius-md);transition:background .2s var(--rb-ease);align-items:center;padding:12px 16px;display:flex}.rb-league-entry:hover{background:var(--rb-surface-hover)}.rb-league-entry.self{background:#e91e6314;border:1px solid #e91e6333}.rb-league-rank{width:32px;color:var(--rb-text-muted);font-weight:700}.rb-league-rank.top-3{color:var(--rb-berry-gold)}.rb-league-avatar{background:var(--rb-gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:14px;font-weight:700;display:flex}.rb-league-name{flex:1;font-weight:500}.rb-league-xp{color:var(--rb-berry-gold);font-weight:700}.rb-voice-container{text-align:center;max-width:500px;margin:40px auto}.rb-voice-visualizer{border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:40px auto;display:flex;position:relative}.rb-voice-visualizer:before{content:"";background:var(--rb-gradient-primary);opacity:.3;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-4px}.rb-voice-visualizer.listening:before{opacity:.6;animation:1s ease-in-out infinite pulse}.rb-voice-mic-btn{background:var(--rb-gradient-primary);color:#fff;cursor:pointer;z-index:1;width:120px;height:120px;transition:all .3s var(--rb-ease);box-shadow:0 8px 32px var(--rb-berry-glow);border:none;border-radius:50%;font-size:40px}.rb-voice-mic-btn:hover{transform:scale(1.05);box-shadow:0 12px 48px #e91e6380}.rb-voice-mic-btn.active{background:var(--rb-gradient-warm);animation:1s ease-in-out infinite pulse}.rb-voice-messages{text-align:left;margin-top:32px}.rb-voice-message{border-radius:var(--rb-radius-lg);animation:fadeInUp .3s var(--rb-ease);max-width:85%;margin-bottom:12px;padding:16px 20px}.rb-voice-message.tutor{background:var(--rb-surface);border:1px solid var(--rb-border);margin-right:auto}.rb-voice-message.student{background:#e91e631a;border:1px solid #e91e6333;margin-left:auto}.rb-auth-page{background:var(--rb-gradient-hero);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.rb-auth-card{background:var(--rb-bg-card);width:100%;max-width:420px;-webkit-backdrop-filter:blur(var(--rb-glass-blur));backdrop-filter:blur(var(--rb-glass-blur));border:1px solid var(--rb-glass-border);border-radius:var(--rb-radius-xl);box-shadow:var(--rb-shadow-lg);animation:fadeInUp .6s var(--rb-ease);padding:40px}.rb-auth-title{text-align:center;background:var(--rb-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.rb-auth-subtitle{text-align:center;color:var(--rb-text-secondary);margin-bottom:32px;font-size:14px}.rb-auth-form{flex-direction:column;gap:16px;display:flex}.rb-auth-divider{color:var(--rb-text-muted);align-items:center;gap:16px;margin:8px 0;font-size:13px;display:flex}.rb-auth-divider:before,.rb-auth-divider:after{content:"";background:var(--rb-border);flex:1;height:1px}.rb-auth-error{border-radius:var(--rb-radius-md);color:var(--rb-coral);animation:fadeIn .3s var(--rb-ease);background:#ff6b6b1a;border:1px solid #ff6b6b4d;padding:12px 16px;font-size:14px}.rb-auth-link{text-align:center;color:var(--rb-text-secondary);margin-top:16px;font-size:14px}.rb-auth-link a{color:var(--rb-berry);font-weight:600}.rb-auth-link a:hover{text-decoration:underline}.rb-password-requirements{flex-direction:column;gap:4px;margin-top:-8px;margin-bottom:12px;padding:0 4px;display:flex}.rb-hero{background:var(--rb-gradient-hero);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.rb-hero:before{content:"";background:radial-gradient(circle, var(--rb-berry-glow) 0%, transparent 70%);width:600px;height:600px;animation:6s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.rb-hero-content{z-index:1;max-width:600px}.rb-hero-badge{background:var(--rb-surface);border:1px solid var(--rb-border);border-radius:var(--rb-radius-full);color:var(--rb-mint);animation:fadeInUp .6s var(--rb-ease) .1s forwards;opacity:0;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.rb-hero h1{animation:fadeInUp .6s var(--rb-ease) .2s forwards;opacity:0;margin-bottom:20px;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.1}.rb-hero h1 span{background:var(--rb-gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rb-hero p{color:var(--rb-text-secondary);animation:fadeInUp .6s var(--rb-ease) .3s forwards;opacity:0;margin-bottom:36px;font-size:18px;line-height:1.7}.rb-hero-actions{animation:fadeInUp .6s var(--rb-ease) .4s forwards;opacity:0;gap:16px;display:flex}.rb-hero-visual{z-index:1;flex:1;justify-content:center;align-items:center;display:flex}.rb-hero-phone{background:var(--rb-bg-card);border:2px solid var(--rb-glass-border);width:300px;height:600px;box-shadow:var(--rb-shadow-lg);border-radius:32px;padding:16px;animation:4s ease-in-out infinite float;overflow:hidden}.rb-dashboard{min-height:100vh;padding-top:64px;display:flex}.rb-sidebar{border-right:1px solid var(--rb-border);background:var(--rb-bg);z-index:50;flex-direction:column;gap:4px;width:260px;padding:24px 16px;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.rb-sidebar-link{border-radius:var(--rb-radius-md);color:var(--rb-text-secondary);transition:all .2s var(--rb-ease);align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.rb-sidebar-link:hover{background:var(--rb-surface-hover);color:var(--rb-text)}.rb-sidebar-link.active{color:var(--rb-berry);background:#e91e631a}.rb-sidebar-icon{text-align:center;width:24px;font-size:20px}.rb-main-content{flex:1;margin-left:260px;padding:32px}.rb-theme-toggle{border-radius:var(--rb-radius-full);background:var(--rb-surface);border:1px solid var(--rb-border);cursor:pointer;width:52px;height:28px;transition:all .3s var(--rb-ease);justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:relative;overflow:hidden}.rb-theme-toggle:hover{background:var(--rb-surface-hover);border-color:var(--rb-berry-glow)}.rb-theme-toggle-icon{z-index:1;pointer-events:none;opacity:.6;transition:opacity .3s var(--rb-ease);font-size:14px}.rb-theme-toggle.light .rb-theme-toggle-icon.sun,.rb-theme-toggle.dark .rb-theme-toggle-icon.moon{opacity:1}.rb-theme-toggle:after{content:"";width:22px;height:22px;transition:transform .3s var(--rb-spring);box-shadow:var(--rb-shadow-sm);z-index:2;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.rb-theme-toggle.light:after{background:var(--rb-amber);transform:translate(24px)}.rb-theme-toggle.dark:after{background:#2a2a4e;box-shadow:inset -4px -2px #fff}@media (max-width:768px){.rb-hero{text-align:center;flex-direction:column;padding:80px 24px 40px}.rb-hero-actions{flex-direction:column;align-items:center}.rb-hero-visual,.rb-sidebar{display:none}.rb-main-content{margin-left:0;padding:16px}.rb-stats-bar{flex-wrap:wrap;gap:12px}.rb-lesson-grid,.rb-option-grid{grid-template-columns:1fr}.rb-auth-card{padding:24px}.rb-navbar-inner{padding:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rb-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--rb-text-muted)}.rb-skeleton{background:linear-gradient(90deg, var(--rb-surface) 25%, var(--rb-surface-hover) 50%, var(--rb-surface) 75%);border-radius:var(--rb-radius-md);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}.rb-pill{border-radius:var(--rb-radius-full);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.rb-pill-premium{color:#1a1a2e;background:linear-gradient(135deg,gold 0%,orange 100%)}.rb-toast{background:var(--rb-bg-card);border:1px solid var(--rb-glass-border);border-radius:var(--rb-radius-lg);box-shadow:var(--rb-shadow-lg);z-index:1000;animation:slideInRight .3s var(--rb-ease);-webkit-backdrop-filter:blur(var(--rb-glass-blur));backdrop-filter:blur(var(--rb-glass-blur));align-items:center;gap:12px;padding:16px 24px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px}.rb-toast-berry{border-left:3px solid var(--rb-berry-gold)}.rb-toast-streak{border-left:3px solid var(--rb-streak-fire)}.rb-toast-heart{border-left:3px solid var(--rb-heart-red)}.rb-toast-success{border-left:3px solid var(--rb-mint)}.rb-toast-error{border-left:3px solid var(--rb-coral)}