@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-title:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--bg-dark:#070a13;--bg-dark-card:#121a2cb3;--bg-dark-card-hover:#1c2842d9;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--rufus-gold:#f59e0b;--rufus-gold-dark:#b45309;--rufus-gold-light:#fef3c7;--code-blue:#3b82f6;--code-blue-light:#60a5fa;--code-blue-dark:#1d4ed8;--econ-green:#10b981;--econ-green-light:#34d399;--econ-green-dark:#047857;--ai-purple:#8b5cf6;--ai-purple-light:#a78bfa;--ai-purple-dark:#6d28d9;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#06b6d4;--sidebar-width:250px;--card-radius:20px;--glass-blur:16px;--shadow-premium:0 10px 40px 0 #00000073;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(at 90% 10%,#10b9810f 0,#0000 50%),radial-gradient(at 50% 80%,#f59e0b0a 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}button{cursor:pointer;font-family:var(--font-body);color:inherit;background:0 0;border:none}.glass-panel{background:var(--bg-dark-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:var(--card-radius);transition:var(--transition-smooth)}.glass-panel:hover{border-color:#ffffff1f}.btn-3d{font-weight:800;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;justify-content:center;align-items:center;padding:14px 28px;font-size:.8rem;transition:transform 80ms,filter .2s,background-color .2s;display:inline-flex;position:relative}.btn-3d:after{content:none;display:none}.btn-3d:active{transform:scale(.96)}.btn-gold{background-color:var(--rufus-gold);color:#000}.btn-gold:after{background-color:var(--rufus-gold-dark)}.btn-blue{background-color:var(--code-blue);color:#fff}.btn-blue:after{background-color:var(--code-blue-dark)}.btn-green{background-color:var(--econ-green);color:#fff}.btn-green:after{background-color:var(--econ-green-dark)}.btn-purple{background-color:var(--ai-purple);color:#fff}.btn-purple:after{background-color:var(--ai-purple-dark)}.btn-gray{color:var(--text-primary);background-color:#2a364f}.btn-gray:after{background-color:#172033}.btn-disabled{color:var(--text-muted);cursor:not-allowed;background-color:#1e293b;transform:translateY(0)}.btn-disabled:after{display:none}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);max-width:1200px;width:calc(100% - var(--sidebar-width));flex-grow:1;padding:40px}.sidebar-container{width:var(--sidebar-width);border-right:1px solid var(--border-color);flex-col:column;z-index:100;background-color:#0c1222;flex-direction:column;padding:30px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo-section{align-items:center;gap:12px;margin-bottom:40px;padding:10px;display:flex}.logo-img{object-fit:contain;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:12px;width:44px;height:44px;padding:4px}.logo-title{color:var(--rufus-gold);letter-spacing:.05em;font-size:1.3rem;font-weight:800;line-height:1.1}.logo-subtitle{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;flex-grow:1;gap:8px;display:flex}.menu-item{color:var(--text-secondary);transition:var(--transition-smooth);text-align:left;border-radius:14px;align-items:center;gap:16px;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex}.menu-item:hover{color:var(--text-primary);background:#ffffff0a}.menu-item-active{box-shadow:0 6px 20px #f59e0b33;background:var(--rufus-gold)!important;color:#000!important}.sidebar-footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0f;padding-top:20px;font-size:11px;font-weight:600}.mobile-nav-bar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#0c1222d9;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:68px;padding:0 10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.mobile-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:10px;font-weight:700;transition:all .2s;display:flex}.mobile-item:active{transform:scale(.95)}.mobile-item-active{color:var(--rufus-gold);text-shadow:0 0 10px #f59e0b33}.stats-header-banner{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:16px 24px;display:flex}.banner-title{font-size:1.25rem;font-weight:800}.stats-badges-container{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.stat-badge-pill{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:800;display:flex}.pill-streak{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}.pill-gems{color:#22d3ee;background:#06b6d41a;border-color:#06b6d433}.pill-xp{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf633}.pill-hearts{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e33}.dashboard-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.dashboard-courses-section,.dashboard-difficulty-section,.dashboard-map-section{grid-column:1}.dashboard-mascot-section{grid-area:span 2/2}.dashboard-tip-section{grid-column:2;align-self:start}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-left:4px;font-size:.85rem;font-weight:800}.courses-container{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.course-card-wrapper{flex-direction:column;height:100%;display:flex}.course-selector-card{text-align:left;transition:var(--transition-smooth);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex-grow:1;align-items:flex-start;height:100%;padding:20px;display:flex}.course-programming{background:linear-gradient(135deg,#38bdf81f 0%,#0d1b3859 100%)}.course-programming:hover{background:linear-gradient(135deg,#38bdf82e 0%,#12264d73 100%);transform:translateY(-2px);border-color:#38bdf84d!important}.course-programming.course-card-active{transform:scale(1.02);box-shadow:0 10px 30px #38bdf826;background:linear-gradient(135deg,#38bdf838 0%,#0d1e3a 100%)!important;border-color:#38bdf8!important}.course-economics{background:linear-gradient(135deg,#10b98117 0%,#0b211b59 100%)}.course-economics:hover{background:linear-gradient(135deg,#10b98126 0%,#10302673 100%);transform:translateY(-2px);border-color:#10b9814d!important}.course-economics.course-card-active{transform:scale(1.02);box-shadow:0 10px 30px #10b98126;background:linear-gradient(135deg,#10b9812e 0%,#08211b 100%)!important;border-color:#10b981!important}.course-ai{background:linear-gradient(135deg,#a855f71a 0%,#1a0f2659 100%)}.course-ai:hover{background:linear-gradient(135deg,#a855f729 0%,#26163873 100%);transform:translateY(-2px);border-color:#a855f74d!important}.course-ai.course-card-active{transform:scale(1.02);box-shadow:0 10px 30px #a855f726;background:linear-gradient(135deg,#a855f733 0%,#201035 100%)!important;border-color:#a855f7!important}.course-card-icon-box{border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;padding:10px;display:flex}.course-card-title{color:var(--text-primary);margin-bottom:6px;font-size:1.05rem;font-weight:800}.course-card-desc{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.5}.difficulty-bar{justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 16px;display:flex}.difficulty-label{color:var(--text-secondary);font-size:.85rem;font-weight:800}.difficulty-tabs-container{gap:8px;display:flex}.difficulty-tab-btn{text-transform:uppercase;color:var(--text-muted);transition:var(--transition-smooth);border-radius:12px;padding:10px 20px;font-size:.8rem;font-weight:800}.difficulty-tab-btn:hover{color:var(--text-secondary)}.difficulty-tab-active{background:#172138;box-shadow:0 4px 12px #0003;color:var(--text-primary)!important}.learning-path-map{background:radial-gradient(circle,#151e30cc 0%,#070a13f2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px;display:flex;position:relative;overflow:hidden}.path-header-details{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding-bottom:12px;display:flex;position:absolute;top:20px;left:30px;right:30px}.path-header-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.path-header-course-info{font-size:13px;font-weight:800}.path-svg-connector{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:0}.path-svg-element{width:100%;max-width:300px;height:100%}.nodes-flow-container{z-index:10;flex-direction:column;gap:50px;width:100%;max-width:300px;margin-top:50px;display:flex}.node-align-center{transform:translate(0)}.node-align-left{transform:translate(-60px)}.node-align-right{transform:translate(60px)}.path-node-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.node-pulse-halo{z-index:0;pointer-events:none;background:#f59e0b1f;border-radius:50%;width:90px;height:90px;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}.node-circle-btn{z-index:10;border-style:solid;border-width:4px;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #0000004d}.node-circle-btn:hover{transform:scale(1.1)}.node-label-badge{color:var(--text-secondary);border:1px solid var(--border-color);z-index:10;background:#070a13e6;border-radius:12px;margin-top:10px;padding:4px 12px;font-size:11px;font-weight:800}.node-detail-popover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;text-align:center;background:#0c1223f5;border:1px solid #ffffff1f;border-radius:18px;width:250px;padding:16px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards pop;position:absolute;top:85px;box-shadow:0 15px 40px #0009}.popover-arrow{background:#0c1223f5;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.popover-above{top:auto!important;bottom:85px!important}.popover-above .popover-arrow{border:1px solid #ffffff1f!important;border-top:none!important;border-left:none!important;top:auto!important;bottom:-8px!important}.popover-title{color:#fff;margin-bottom:4px;font-size:.9rem;font-weight:800}.popover-desc{color:var(--text-secondary);margin-bottom:12px;font-size:11px;line-height:1.4}.popover-warning{color:var(--color-danger);margin-bottom:10px;font-size:11px;font-weight:700}.mascot-side-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:30px 20px;display:flex}.mascot-side-title{color:var(--text-primary);font-size:1.05rem;font-weight:800}.mascot-tip-card{background:linear-gradient(135deg,#f59e0b1a 0%,#f59e0b08 100%);border:1px solid #f59e0b33;border-radius:16px;padding:16px}.mascot-tip-title{color:var(--rufus-gold);margin-bottom:4px;font-size:.85rem;font-weight:800}.mascot-tip-desc{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.5}.rufus-mascot-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.mascot-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.mascot-glow-backdrop{filter:blur(24px);background:#f59e0b14;border-radius:50%;width:80%;height:80%;animation:3s ease-in-out infinite pulse;position:absolute}.w-24{width:96px;height:96px}.h-24{height:96px}.w-48{width:192px;height:192px}.h-48{height:192px}.w-64{width:256px;height:256px}.h-64{height:256px}.w-80{width:320px;height:320px}.h-80{height:320px}.mascot-img-tag{object-fit:contain;width:100%;height:100%;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.mascot-speech-bubble{color:#f1f5f9;z-index:100;text-align:center;background:#1e293b;border:1px solid #f59e0b40;border-radius:16px;width:220px;margin-bottom:16px;padding:10px 16px;font-size:12px;font-weight:600;animation:.2s cubic-bezier(.34,1.56,.64,1) forwards pop;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.speech-bubble-arrow{background:#1e293b;border-bottom:1px solid #f59e0b40;border-right:1px solid #f59e0b40;width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.shop-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.shop-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-left:4px;font-size:.85rem;font-weight:800}.consumables-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:35px;display:grid}.consumable-card{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.card-header-badge-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-icon-wrapper{border-radius:12px;padding:10px}.gem-price-tag{color:#22d3ee;background:#06b6d40d;border:1px solid #06b6d426;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:900;display:flex}.card-title{color:#fff;margin-bottom:6px;font-size:1.05rem;font-weight:800}.card-desc{color:var(--text-secondary);margin-bottom:24px;font-size:11px;font-weight:500;line-height:1.5}.outfits-list-container{flex-direction:column;gap:16px;display:flex}.outfit-row-card{justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.outfit-info-block{flex-grow:1;align-items:center;gap:16px;display:flex}.outfit-icon-avatar{border:1px solid var(--border-color);background:#0f172a;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex}.outfit-icon-avatar img{object-fit:contain;width:100%;height:100%}.outfit-row-actions{align-items:center;gap:16px;display:flex}.shop-preview-sticky{text-align:center;flex-direction:column;align-items:center;min-height:380px;padding:30px;display:flex;position:sticky;top:40px}.preview-title{color:var(--text-secondary);font-size:1.05rem;font-weight:800}.preview-label-box{border:1px solid var(--border-color);text-transform:uppercase;color:var(--rufus-gold);letter-spacing:.05em;background:#ffffff08;border-radius:12px;margin-top:10px;padding:8px 16px;font-size:10px;font-weight:800}.leaderboard-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.leaderboard-card-container{padding:24px}.leaderboard-table-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;font-size:11px;font-weight:850;display:flex}.leaderboard-players-rows{flex-direction:column;gap:8px;display:flex}.leaderboard-player-row{transition:var(--transition-smooth);background:#ffffff03;border:1px solid #ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.leaderboard-player-row:hover{background:#ffffff08}.row-active-user{box-shadow:0 4px 15px #f59e0b0d;border-color:var(--rufus-gold)!important;background:#f59e0b0d!important}.player-identity{align-items:center;gap:16px;display:flex}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:flex}.rank-1{color:#000;background:#eab308}.rank-2{color:#000;background:#cbd5e1}.rank-3{color:#fff;background:#b45309}.rank-other{color:var(--text-secondary);background:#1e293b}.player-emoji{font-size:1.25rem}.player-name{color:var(--text-secondary);font-size:.9rem;font-weight:700}.player-name-user{color:var(--rufus-gold);font-weight:900}.player-xp-score{color:var(--text-muted);font-size:.9rem;font-weight:800}.player-xp-score-user{color:var(--rufus-gold)}.leaderboard-info-sidebar{padding:24px}.rules-list{color:var(--text-secondary);flex-direction:column;gap:12px;font-size:11.5px;font-weight:500;line-height:1.6;list-style:none;display:flex}.profile-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.profile-main-user-card{flex-wrap:wrap;align-items:center;gap:24px;padding:30px;display:flex}.profile-main-avatar{border:1px solid var(--border-color);background:#131a2e;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.5rem;display:flex}.profile-user-name{color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:900}.profile-user-tier{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:11px;font-weight:700}.profile-chips-row{flex-wrap:wrap;gap:8px;display:flex}.profile-chip-pill{text-transform:uppercase;border:1px solid #ffffff0d;border-radius:20px;padding:4px 10px;font-size:9.5px;font-weight:850}.stats-numerical-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:6px;display:grid}.stat-box-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;display:flex}.stat-box-label{color:var(--text-muted);text-transform:uppercase;margin-top:6px;margin-bottom:2px;font-size:10px;font-weight:800}.stat-box-value{color:#fff;font-size:1.2rem;font-weight:900}.outfit-equip-selector-card{padding:24px}.outfit-equip-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.outfit-equip-item-btn{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#070a1333;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px;display:flex}.outfit-equip-item-btn:hover{background:#070a1366}.outfit-equip-active{border-color:var(--rufus-gold)!important;background:#f59e0b0d!important}.outfit-equip-locked{opacity:.35;cursor:not-allowed;background:#070a131a;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;padding:16px 10px;display:flex}.outfit-equip-icon-box{width:50px;height:50px;margin-bottom:8px}.outfit-equip-icon-box img{object-fit:contain;width:100%;height:100%}.outfit-equip-label{color:var(--text-secondary);font-size:11px;font-weight:700}.achievements-card-container{flex-direction:column;padding:24px;display:flex}.ach-title-bar{align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:800;display:flex}.ach-rows-list{flex-direction:column;gap:10px;max-height:380px;display:flex;overflow-y:auto}.ach-row-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#ffffff03;border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.ach-unlocked-card{background:#f59e0b08!important;border-color:#f59e0b40!important}.ach-icon-circle{background:#111827;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;box-shadow:inset 0 2px 8px #00000080}.ach-unlocked-circle{background:#f59e0b1a!important}.ach-heading{color:var(--text-muted);font-size:12px;font-weight:800}.ach-unlocked-heading{color:#fff!important}.ach-description{color:var(--text-secondary);margin-top:1px;font-size:10px;line-height:1.3}.lesson-runner-layout{flex-direction:column;max-width:680px;min-height:calc(100vh - 120px);margin:20px auto;display:flex;position:relative}.lesson-navigation-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.nav-close-btn{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background:#0f172a;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex}.nav-close-btn:hover{color:#fff;background:#1e293b}.top-progress-bar-track{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:20px;flex-grow:1;height:12px;padding:2px;overflow:hidden}.top-progress-bar-fill{background:var(--rufus-gold);border-radius:20px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-lives-indicator{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;display:flex}.lives-counter-text{color:#fb7185;font-size:.85rem;font-weight:900}.lesson-main-workspace{flex-direction:column;justify-content:space-between;min-height:400px;margin-bottom:100px;padding:30px;display:flex}.lesson-progress-badge{color:var(--rufus-gold);text-transform:uppercase;letter-spacing:.05em;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:9.5px;font-weight:850;display:inline-block}.lesson-prompt-question{color:#fff;margin-bottom:24px;font-size:1.25rem;font-weight:800;line-height:1.5}.mc-options-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.mc-option-card-btn{border:1px solid var(--border-color);text-align:left;color:var(--text-secondary);transition:var(--transition-smooth);background:#0f172a66;border-radius:16px;align-items:center;padding:16px 20px;font-size:.9rem;font-weight:700;line-height:1.4;display:flex}.mc-option-card-btn:hover{color:#fff;background:#0f172ab3}.mc-option-selected{box-shadow:0 4px 20px #f59e0b0d;border-color:var(--rufus-gold)!important;color:var(--rufus-gold)!important;background:#f59e0b14!important}.mc-number-tag{border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-muted);background:#1e293b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:10px;font-weight:800;display:inline-flex}.editor-window-box{background:#040811;border:1px solid #1e293b;border-radius:20px;padding:24px;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #000c}.editor-decor-dots{gap:6px;display:flex;position:absolute;top:12px;left:16px}.editor-dot{border-radius:50%;width:9px;height:9px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.editor-filename-header{color:var(--text-muted);text-align:right;border-bottom:1px solid #0f172a;margin-bottom:16px;padding-bottom:10px;font-size:10px;font-weight:700}.editor-code-workspace{color:#cbd5e1;white-space:pre-wrap}.editor-draggable-blank{text-align:center;min-width:110px;color:var(--rufus-gold);background:#1e293b4d;border:1px dashed #475569;border-radius:8px;margin:0 6px;padding:2px 16px;font-weight:800;display:inline-block}.blank-filled{border-style:solid;border-color:var(--rufus-gold);background:#f59e0b0d}.editor-pills-options-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.editor-pill-btn{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);background:#0f172a80;border-radius:12px;padding:10px 20px;font-size:.85rem;font-weight:800}.editor-pill-btn:hover{color:#fff;background:#0f172acc}.editor-pill-selected{transform:scale(.96);box-shadow:inset 0 2px 6px #0000004d;background:var(--rufus-gold)!important;border-color:var(--rufus-gold-dark)!important;color:#000!important}.order-prompt-help{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:10px;font-weight:800}.order-cards-stack{flex-direction:column;gap:8px;display:flex}.order-line-card{border:1px solid var(--border-color);color:#cbd5e1;background:#0f172a4d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Courier New,Courier,monospace;font-size:.8rem;display:flex}.order-card-buttons{gap:6px;display:flex}.order-arrow-btn{border:1px solid var(--border-color);color:var(--text-muted);background:#1e293b;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;display:flex}.order-arrow-btn:hover:not(:disabled){color:#fff;background:#334155}.matching-board-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.matching-column-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding-left:4px;font-size:10px;font-weight:800}.matching-elements-stack{flex-direction:column;gap:10px;display:flex}.matching-element-btn{border:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition-smooth);text-align:center;background:#0f172a66;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:14px;font-size:.85rem;font-weight:800;line-height:1.4;display:flex}.matching-element-btn:hover:not(:disabled){color:#fff;background:#0f172acc}.matching-selected{border-color:var(--rufus-gold)!important;color:var(--rufus-gold)!important;background:#f59e0b14!important}.matching-solved{opacity:.65;cursor:not-allowed;border-color:var(--econ-green)!important;color:var(--econ-green-light)!important;background:#10b9810f!important}.matching-wrong{animation:.25s 2 wiggle;border-color:var(--color-danger)!important;color:var(--color-danger)!important;background:#ef444414!important}.lesson-checker-footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background-color:#070a13f2;padding:24px 0;position:fixed;bottom:0;left:0;right:0}.footer-checker-inner{justify-content:space-between;align-items:center;gap:20px;max-width:680px;margin:0 auto;padding:0 20px;display:flex}.solution-alert-banner{flex-grow:1;align-items:center;gap:16px;display:flex}.solution-badge-icon{border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex}.badge-correct{color:#34d399;background:#10b9811a}.badge-incorrect{color:#f87171;background:#ef44441a}.solution-verdict-title{margin-bottom:2px;font-size:1.05rem;font-weight:850}.title-correct{color:#34d399}.title-incorrect{color:#f87171}.solution-correct-solution-text{color:var(--text-secondary);font-size:11px;font-weight:500}.explanation-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background-color:#04060cd9;justify-content:center;align-items:center;padding:24px;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.explanation-modal-content{width:100%;max-width:500px;max-height:85vh;box-shadow:var(--shadow-premium);background:#0f1626;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;padding:30px;display:flex;overflow-y:auto}.explanation-header-section{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.explanation-header-title{align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex}.explanation-close-x-btn{color:var(--text-secondary);background:#172033;border-radius:8px;padding:6px}.explanation-close-x-btn:hover{color:#fff}.explanation-mascot-avatar-container{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.explanation-role-badge{color:var(--rufus-gold);text-transform:uppercase;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:20px;margin-top:12px;padding:4px 14px;font-size:10px;font-weight:800}.explanation-text-container{color:#cbd5e1;background:#070b13;border:1px solid #ffffff08;border-radius:16px;margin-bottom:24px;padding:20px;font-size:.85rem;font-weight:500;line-height:1.6}.lesson-finished-box{text-align:center;max-width:520px;margin:40px auto;padding:40px 30px}.finished-title-gold{color:var(--rufus-gold);letter-spacing:.02em;margin-bottom:8px;font-size:1.75rem;font-weight:900}.finished-title-red{color:var(--color-danger);letter-spacing:.02em;margin-bottom:8px;font-size:1.75rem;font-weight:900}.finished-rewards-row{justify-content:center;gap:16px;margin:30px 0;display:flex}.reward-card-pill{border:1px solid var(--border-color);background:#0f1626;border-radius:16px;flex-direction:column;align-items:center;padding:12px 24px;display:flex}.reward-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:9px;font-weight:800}.reward-card-value{font-size:1.15rem;font-weight:900}.mobile-top-mascot-container,.mobile-inline-mascot-panel{display:none}.desktop-mascot-container{display:block}@media (width<=1024px){.dashboard-grid,.shop-grid,.leaderboard-grid,.profile-grid{grid-template-columns:1fr}.shop-preview-sticky{min-height:auto;padding:20px;position:static}.shop-preview-section{order:1}.shop-items-section{order:2}.mobile-top-mascot-container{order:1;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}.mobile-inline-mascot-panel{width:100%;display:block}.desktop-mascot-container{display:none!important}.dashboard-courses-section{order:2;grid-column:auto}.dashboard-mascot-section{order:1;grid-area:auto}.dashboard-difficulty-section{order:3;grid-column:auto}.dashboard-map-section{order:4;grid-column:auto}.dashboard-tip-section{order:5;grid-column:auto}}@media (width<=768px){html,body{max-width:100vw;overflow-x:hidden}.app-container{flex-direction:column;width:100%;max-width:100vw}body{padding-bottom:80px}.main-content{box-sizing:border-box;width:100%;max-width:100%;margin-left:0;padding:12px 12px 90px}.sidebar-container{display:none}.mobile-nav-bar{display:flex}.courses-container{grid-template-columns:minmax(0,1fr);gap:12px}.course-card-wrapper{min-width:0}.course-selector-card{padding:16px}.difficulty-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.difficulty-tabs-container{justify-content:space-between;width:100%}.difficulty-tab-btn{text-align:center;flex-grow:1;padding:8px 12px;font-size:.75rem}.consumables-grid{grid-template-columns:1fr}.outfit-equip-grid{grid-template-columns:repeat(2,1fr);gap:12px}.outfit-row-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.outfit-info-block{flex-direction:row;align-items:center}.outfit-row-actions{justify-content:space-between;width:100%;margin-top:8px}.outfit-row-actions button{flex-grow:1}.stats-numerical-grid{grid-template-columns:repeat(2,1fr)}.mc-options-grid{grid-template-columns:1fr;gap:10px}.matching-board-grid{grid-template-columns:1fr;gap:12px}.matching-element-btn{padding:12px 16px;font-size:.85rem}.stats-header-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.stats-badges-container{justify-content:space-between;gap:8px;width:100%}.stat-badge-pill{gap:4px;padding:4px 8px;font-size:.75rem}.learning-path-map{min-height:auto;padding:20px 10px}.node-align-left{transform:translate(-25px)}.node-align-right{transform:translate(25px)}.lesson-runner-layout{border:none;border-radius:0;max-width:100%;min-height:100vh;margin:0;padding:12px}.lesson-main-workspace{min-height:calc(100vh - 160px);margin-bottom:90px;padding:16px}.editor-draggable-blank{min-width:80px;margin:0 4px;padding:2px 8px}.lesson-checker-footer{padding:16px 0}.footer-checker-inner{flex-direction:column;align-items:stretch;gap:12px}.solution-alert-banner{text-align:center;flex-direction:column;align-items:center;gap:8px}.solution-alert-banner .btn-3d{width:100%;margin-top:4px;margin-right:0!important}.footer-checker-inner .btn-3d{width:100%}.clippy-container{align-items:center;bottom:85px;left:12px;right:12px}.clippy-bubble{width:100%;max-width:320px}.clippy-mascot-wrapper{width:140px;height:140px;margin-right:0}}.node-wrapper-active{z-index:50!important}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.85)}50%{opacity:.3;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes organic-movement{0%,to{transform:translateY(0)rotate(0)scale(1)skew(0)}25%{transform:translateY(-8px)rotate(-3.5deg)scale(1.025,.975)skew(-2.5deg)}50%{transform:translateY(2px)rotate(3deg)scale(.975,1.025)skew(3deg)}75%{transform:translateY(-5px)rotate(-1.5deg)scale(1.01,.99)skew(-1.5deg)}}@keyframes duolingo-jump{0%,to{transform:translateY(0)scaleY(1)scaleX(1)}15%{transform:translateY(4px)scaleY(.88)scaleX(1.12)}40%{transform:translateY(-32px)scaleY(1.12)scaleX(.88)}70%{transform:translateY(0)scaleY(.93)scaleX(1.07)}85%{transform:translateY(-4px)scaleY(1.02)scaleX(.98)}}@keyframes droop-shake{0%,to{transform:rotate(0)translateY(0)scaleY(1)}10%{transform:rotate(-4deg)translate(-3px)}20%{transform:rotate(4deg)translate(3px)}30%{transform:rotate(-4deg)translate(-3px)}40%{transform:rotate(4deg)translate(3px)}50%{transform:rotate(0)translateY(6px)scaleY(.94)scaleX(1.04)}80%{transform:rotate(0)translateY(6px)scaleY(.94)scaleX(1.04)}}@keyframes explain-nod{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-3deg)translateY(-2px)scaleY(1.01)}50%{transform:rotate(0)translateY(0)}75%{transform:rotate(2deg)translateY(1px)scaleY(.99)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-1deg)}75%{transform:translate(6px)rotate(1deg)}}.animate-float{transform-origin:bottom;animation:4.5s ease-in-out infinite organic-movement}.technical-term-highlight{border-bottom:2px dotted var(--rufus-gold);cursor:help;padding:0 2px;font-weight:800;transition:color .25s,border-color .25s,background-color .25s;color:var(--rufus-gold)!important}.technical-term-highlight:hover{border-bottom-color:var(--rufus-gold-light);background:#f59e0b14;border-radius:4px;color:var(--rufus-gold-light)!important}.animate-celebrate{transform-origin:bottom;animation:1.3s cubic-bezier(.25,1,.5,1) infinite duolingo-jump}.animate-sad-wiggle{transform-origin:bottom;animation:1.4s ease-in-out infinite droop-shake}.animate-explain-nod{transform-origin:bottom;animation:2.5s ease-in-out infinite explain-nod}.animate-pulse{animation:2s ease-in-out infinite pulse}.clippy-container{z-index:1000;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:30px;right:30px}.clippy-bubble{pointer-events:auto;border:2px solid var(--rufus-gold);width:300px;box-shadow:var(--shadow-premium);background:#0d1324;border-radius:20px;margin-bottom:8px;padding:16px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pop;position:relative}.clippy-bubble:after{content:"";border-right:2px solid var(--rufus-gold);border-bottom:2px solid var(--rufus-gold);background:#0d1324;width:12px;height:12px;position:absolute;bottom:-8px;right:50px;transform:rotate(45deg)}.clippy-mascot-wrapper{pointer-events:auto;width:220px;height:220px;margin-right:15px}@media (width<=768px){.clippy-container{bottom:85px;right:20px}.clippy-bubble{width:260px}}.floating-mute-btn{z-index:1010;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-premium);background:#0d1324b3;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px}.floating-mute-btn:hover{border-color:var(--rufus-gold);color:var(--rufus-gold);background:#f59e0b1a;transform:scale(1.08)}@media (width<=768px){.floating-mute-btn{bottom:96px;right:16px}}@keyframes slideDownFade{0%{opacity:0;max-height:0;overflow:hidden;transform:translateY(-20px)}to{opacity:1;max-height:1000px;overflow:visible;transform:translateY(0)}}.mobile-inline-mascot-panel{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideDownFade}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.9)}}.clippy-exit{pointer-events:none!important}.clippy-exit .clippy-bubble,.clippy-exit .clippy-mascot-wrapper{animation:.35s cubic-bezier(.36,.07,.19,.97) forwards slideOutRight!important}.mobile-welcome-header{display:none}@media (width<=768px){.mobile-welcome-header{text-align:center;box-shadow:var(--shadow-premium);background:radial-gradient(circle,#1e293b80 0%,#0f172acc 100%);border:1px solid #ffffff0d;border-radius:20px;margin-bottom:24px;padding:20px 16px;display:block}.welcome-main-title{color:var(--rufus-gold);text-shadow:0 0 12px #f59e0b26;font-size:1.35rem;font-weight:900;font-family:var(--font-title);letter-spacing:.01em;margin-bottom:8px}.welcome-subtitle{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:500;line-height:1.45}.mascot-speech-bubble{width:200px;max-width:80vw;padding:8px 12px;font-size:11px}}.shop-preview-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#070a13d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shop-preview-modal-content{text-align:center;background:radial-gradient(circle,#0f172af2 0%,#070a13fa 100%);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:30px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pop;display:flex;position:relative;box-shadow:0 20px 50px #000000b3}.modal-title{color:var(--rufus-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:1.05rem;font-weight:850}.modal-outfit-title{color:#fff;margin-top:14px;margin-bottom:6px;font-size:1.15rem;font-weight:850}.modal-outfit-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.8rem;line-height:1.5}.tf-options-container{justify-content:center;gap:24px;width:100%;margin-top:24px;display:flex}.tf-option-btn{cursor:pointer;background:#0f172a66;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:12px;max-width:220px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.tf-option-btn:hover:not(:disabled){background:#0f172ab3;transform:translateY(-4px);box-shadow:0 10px 20px #0000004d}.tf-option-true:hover:not(:disabled){border-color:#10b9814d}.tf-option-false:hover:not(:disabled){border-color:#ef44444d}.tf-option-selected-true{border-color:var(--econ-green)!important;background:#10b9811a!important;box-shadow:0 0 25px #10b98126!important}.tf-option-selected-true .tf-label-text{color:var(--econ-green-light)!important}.tf-option-selected-false{border-color:var(--color-danger)!important;background:#ef44441a!important;box-shadow:0 0 25px #ef444426!important}.tf-option-selected-false .tf-label-text{color:#f87171!important}.tf-emoji-icon{font-size:2.2rem;transition:transform .25s}.tf-option-btn:hover:not(:disabled) .tf-emoji-icon{transform:scale(1.15)rotate(5deg)}.tf-label-text{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.95rem;font-weight:850}.avatar-option-btn{transform:scale(1)}.avatar-option-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 15px #0006}.avatar-option-btn:active{transform:scale(.97)}.avatar-option-active{animation:.4s ease-out miniBounce}.avatar-option-btn:hover .avatar-emoji-span{animation:.5s infinite alternate dogWiggle}@keyframes dogWiggle{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes miniBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.diploma-row-item{transition:all .3s}.diploma-unlocked:hover{transform:translate(4px);box-shadow:0 4px 15px #f59e0b14;border-color:#f59e0b66!important}.diploma-modal-overlay{animation:.3s forwards fadeIn}.diploma-certificate-card{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards certificatePop}@keyframes certificatePop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%{border-color:#f59e0b33;box-shadow:0 0 10px #f59e0b0d}to{border-color:#f59e0b8c;box-shadow:0 0 25px #f59e0b40}}.promo-prize-banner-card{animation:2.5s infinite alternate pulseGlow}video.mascot-img-tag{mix-blend-mode:screen;backface-visibility:hidden;will-change:mix-blend-mode;transform:translateZ(0);background-color:#0000!important}img[src*=cyborg],video[src*=cyborg]{mix-blend-mode:screen!important;background-color:#0000!important}.mascot-image-wrapper:has(img[src*=cyborg]){mix-blend-mode:screen!important;background-color:#0000!important}.mascot-image-wrapper:has(video[src*=cyborg]){mix-blend-mode:screen!important;background-color:#0000!important}@media (width>=769px){.mobile-only-inline-content{display:none!important}}@media (width<=768px){.desktop-only-map{display:none!important}}.diploma-modal-overlay{z-index:3000;background-color:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.diploma-certificate-card{border:8px double var(--rufus-gold);text-align:center;box-sizing:border-box;background:radial-gradient(circle,#101626 0%,#080c16 100%);border-radius:24px;width:100%;max-width:640px;padding:40px 30px;position:relative;box-shadow:0 0 50px #f59e0b4d}.diploma-title{color:var(--rufus-gold);letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 4px #000c;margin:0 0 20px;font-family:Georgia,serif;font-size:1.8rem}.diploma-subtitle{text-transform:uppercase;color:var(--text-secondary);letter-spacing:3px;font-size:.85rem;font-weight:700}.diploma-recipient{color:#fff;border-bottom:1px solid #ffffff1a;min-width:60%;margin:15px 0;padding-bottom:10px;font-size:2rem;display:inline-block}.diploma-description{color:var(--text-secondary);max-width:500px;margin:20px auto;font-size:1.05rem;font-style:italic;line-height:1.6}.diploma-signatures-row{justify-content:space-around;align-items:center;margin-top:35px;padding:10px 0;display:flex}@media (width<=768px){.diploma-certificate-card{max-height:95vh;overflow-y:auto;border-width:4px!important;border-radius:16px!important;padding:24px 16px!important}.diploma-title{margin-bottom:10px!important;font-size:1.3rem!important}.diploma-subtitle{letter-spacing:1.5px!important;font-size:.7rem!important}.diploma-recipient{min-width:80%!important;margin:10px 0!important;font-size:1.4rem!important}.diploma-description{margin:12px auto!important;font-size:.85rem!important;line-height:1.4!important}.diploma-signatures-row{flex-direction:column!important;gap:12px!important;margin-top:20px!important;padding:0!important}.diploma-signatures-row div{text-align:center!important}}.auth-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:5000;background:#04060cd9;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.auth-modal-content{width:100%;max-width:440px;box-shadow:var(--shadow-premium), 0 0 30px 0 #f59e0b0d;box-sizing:border-box;background:radial-gradient(circle at 0 0,#141e37f2,#070a13fa);border:1px solid #ffffff1a;border-radius:24px;padding:32px;position:relative}.auth-modal-close{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.auth-modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.auth-modal-header{margin-bottom:24px}.auth-modal-mascot-badge{border:2px solid var(--rufus-gold);background:#f59e0b1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:2.2rem;display:flex;position:relative;box-shadow:0 0 20px #f59e0b33}.auth-sparkle-icon{color:var(--rufus-gold);width:18px;height:18px;animation:1.5s infinite alternate pulseGlow;position:absolute;top:-4px;right:-4px}.auth-modal-title{font-family:var(--font-title);color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:1.5rem;font-weight:900}.auth-modal-subtitle{color:var(--text-secondary);margin:0;font-size:.8rem;font-weight:500}.auth-tab-buttons{border:1px solid var(--border-color);background:#070a1399;border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.auth-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:.8rem;font-weight:700}.auth-tab-btn:hover{color:#fff}.auth-tab-active{background:#f59e0b26;border:1px solid #f59e0b40;box-shadow:0 2px 8px #0003;color:var(--rufus-gold)!important}.auth-info-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;margin-bottom:20px;padding:12px 16px}.text-xs{font-size:11px}.text-secondary{color:var(--text-secondary)}.leading-relaxed{line-height:1.45}.auth-alert{border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:.8rem;font-weight:600;line-height:1.4;display:flex}.alert-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.alert-success{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.shrink-0{flex-shrink:0}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.auth-input{border:1px solid var(--border-color);color:#fff;width:100%;transition:var(--transition-smooth);box-sizing:border-box;background:#090e1a;border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-size:.9rem;font-weight:500}.auth-input:focus{border-color:var(--rufus-gold);background:#0d1426;box-shadow:0 0 12px #f59e0b26}.auth-submit-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:.95rem;font-weight:800;display:flex}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.animate-fade-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pop}.cloud-sync-card{border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.sync-status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.sync-status-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin:0;font-size:.9rem;font-weight:800}.sync-status-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.sync-badge-active{color:var(--econ-green-light);background:#10b9811a;border:1px solid #10b98133}.sync-badge-inactive{color:var(--text-secondary);background:#64748b1a;border:1px solid #64748b33}.sync-card-description{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.5}.sync-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:12px;display:flex}.sync-user-email{color:#fff;word-break:break-all;font-size:.8rem;font-weight:600}.sync-btn-login{color:var(--rufus-gold);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.02em;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;padding:10px 20px;font-size:.8rem;font-weight:800}.sync-btn-login:hover{border-color:var(--rufus-gold);background:#f59e0b33}.sync-btn-logout{color:#f87171;cursor:pointer;transition:var(--transition-smooth);background:#ef44440d;border:1px solid #ef444426;border-radius:12px;padding:8px 16px;font-size:.75rem;font-weight:700}.sync-btn-logout:hover{background:#ef444426;border-color:#ef44444d}.auth-password-toggle-btn:hover{color:#fff!important}