:root{--color-bg-base:#f9fafb;--color-bg-white:#fff;--color-text-main:#242e42;--color-text-dark:#121b2b;--color-text-muted:#626d84;--color-border:#dcdfe5;--color-border-light:#edeff2;--color-lime:#4fc41c;--color-lime-hover:#47b31a;--color-lime-dark:#398f14;--color-lime-soft:#e6f7de;--color-lime-glow:#4fc41c26;--color-navy:#0e1625;--color-navy-light:#1e293e;--color-navy-card:#172030;--color-yellow:#f2aa02;--color-yellow-dark:#b68002;--color-yellow-soft:#fff6e0;--color-coral:#f65128;--color-coral-dark:#ce3009;--color-coral-soft:#ffe7e0;--color-blue:#1490f5;--color-blue-dark:#086aba;--color-blue-soft:#d8ecfd;--color-gray-btn:#e3e5e8;--color-gray-btn-dark:#b9bdc6;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", var(--font-sans);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--radius-round:9999px;--shadow-sm:0 2px 8px -2px #0000000d;--shadow-md:0 12px 30px -8px #0f172a14;--shadow-lg:0 24px 60px -16px #0f172a1f;--transition:all .2s cubic-bezier(.16, 1, .3, 1);--container-max-width:1100px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;margin:0 auto;display:flex;overflow-x:clip}img,svg,video,canvas{max-width:100%}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text-dark);font-weight:800;line-height:1.2}h1{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.6rem,5vw,4rem)}h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.9rem,4vw,2.6rem)}h3{letter-spacing:-.01em;font-size:1.5rem}.btn{min-width:44px;min-height:44px;font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .1s;display:inline-flex;position:relative}.btn-primary{background-color:var(--color-lime);color:var(--color-bg-white);box-shadow:0 4px 0 var(--color-lime-dark)}.btn-primary:hover{background-color:var(--color-lime-hover)}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn-secondary{background-color:var(--color-bg-white);color:var(--color-text-dark);border:2px solid var(--color-border);box-shadow:0 4px 0 var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-base)}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn-accent{background-color:var(--color-blue);color:var(--color-bg-white);box-shadow:0 4px 0 var(--color-blue-dark)}.btn-accent:hover{background-color:#0980e1}.btn-accent:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn-coral{background-color:var(--color-coral);color:var(--color-bg-white);box-shadow:0 4px 0 var(--color-coral-dark)}.btn-coral:hover{background-color:#f5390a}.btn-coral:active{transform:translateY(4px);box-shadow:0 0 #0000}.btn-text{color:var(--color-text-dark);transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-text:hover{color:var(--color-lime)}.btn-text:hover svg{transform:translate(4px)}.badge{border-radius:var(--radius-round);text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.badge-lime{background-color:var(--color-lime-soft);color:var(--color-lime);border-color:#4fc41c33}.badge-blue{background-color:var(--color-blue-soft);color:var(--color-blue);border-color:#1490f533}.badge-yellow{background-color:var(--color-yellow-soft);color:var(--color-yellow);border-color:#f2aa0233}.badge-coral{background-color:var(--color-coral-soft);color:var(--color-coral);border-color:#f6512833}.section{padding:100px 0;position:relative}.section-dark{background-color:var(--color-navy);color:var(--color-bg-white)}.section-dark h2,.section-dark h3,.section-dark p{color:var(--color-bg-white)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header p{color:var(--color-text-muted);margin-top:12px;font-size:1.1rem}.section-dark .section-header p{color:#ffffffb3}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--color-border);background-color:#ffffffe6;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-link{min-height:44px;font-family:var(--font-heading);color:var(--color-text-dark);align-items:center;gap:10px;font-size:26px;font-weight:800;text-decoration:none;display:flex}.logo-weave{background:linear-gradient(135deg, var(--color-lime), #60e029);color:#fff;width:36px;height:36px;box-shadow:0 3px 0 var(--color-lime-dark);border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--color-text-main);font-size:15px;font-weight:700;font-family:var(--font-heading);transition:var(--transition);text-decoration:none}.nav-link:hover{color:var(--color-lime)}.header-actions{align-items:center;gap:12px;display:flex}.mobile-menu-btn{color:var(--color-text-dark);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:none}.mobile-drawer{background-color:var(--color-bg-white);z-index:99;visibility:hidden;pointer-events:none;border-top:2px solid var(--color-border);flex-direction:column;gap:40px;width:100%;height:calc(100vh - 80px);padding:40px 24px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:80px;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-drawer.open{visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-nav-links{flex-direction:column;gap:24px;list-style:none;display:flex}.mobile-nav-link{font-size:22px;font-family:var(--font-heading);color:var(--color-text-dark);align-items:center;min-height:44px;font-weight:800;text-decoration:none;display:flex}.hero-section{padding:80px 0 120px;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-tagline{margin-bottom:24px}.hero-subtitle{color:var(--color-text-muted);margin-top:20px;margin-bottom:36px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.loom-bg{z-index:0;pointer-events:none;opacity:.08;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.loom-bg-dark{opacity:.05}.hero-mockup-wrapper{width:100%;position:relative}.hero-mockup{background-color:var(--color-bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:2px solid var(--color-border);z-index:2;padding:28px;position:relative}.mock-header{border-bottom:2px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.mock-user-info{align-items:center;gap:12px;display:flex}.mock-avatar{background-color:var(--color-lime-soft);width:44px;height:44px;color:var(--color-lime);border:2px solid #4fc41c33;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.mock-title-small{color:var(--color-text-dark);font-size:15px;font-weight:800}.mock-subtitle-small{color:var(--color-text-muted);font-size:12px}.mock-stats{gap:16px;display:flex}.mock-stat-item{background-color:var(--color-bg-base);border-radius:var(--radius-round);border:2px solid var(--color-border-light);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:flex}.mock-stat-item.active{background-color:var(--color-yellow-soft);color:var(--color-yellow);border-color:#f2aa0233}.mock-body{flex-direction:column;gap:16px;display:flex}.mock-card{background-color:var(--color-bg-white);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:var(--transition);box-shadow:0 4px 0 var(--color-border);padding:20px}.mock-card:hover{border-color:var(--color-lime);box-shadow:0 6px 0 var(--color-lime-glow);transform:translateY(-2px)}.mock-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mock-progress-bar{border-radius:var(--radius-round);background-color:#e3e5e8;height:12px;margin-bottom:6px;position:relative;overflow:hidden}.mock-progress-fill{background:var(--color-lime);border-radius:var(--radius-round);height:100%;transition:width .6s ease-in-out}.mock-card-footer{color:var(--color-text-muted);text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.mock-next-lesson{background-color:var(--color-bg-base);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 3px 0 var(--color-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.mock-lesson-info{align-items:center;gap:12px;display:flex}.mock-lesson-icon{background-color:var(--color-lime-soft);width:36px;height:36px;color:var(--color-lime);border:2px solid #4fc41c33;border-radius:8px;justify-content:center;align-items:center;display:flex}.mock-mentor-feedback{background-color:var(--color-blue-soft);border-radius:var(--radius-md);color:#043862;border:2px solid #1490f533;margin-top:10px;padding:16px;font-size:13px;box-shadow:0 3px #1490f526}.mock-badge-floating{background-color:var(--color-coral);color:#fff;border-radius:var(--radius-round);text-transform:uppercase;box-shadow:0 4px 0 var(--color-coral-dark);z-index:3;padding:6px 14px;font-size:12px;font-weight:800;position:absolute;top:-14px;right:-14px}.duo-path-container{flex-direction:column;align-items:center;gap:24px;max-width:480px;margin:40px auto 0;display:flex;position:relative}.duo-node-wrapper{justify-content:center;width:100%;display:flex;position:relative}@media (width>=768px){.duo-node-wrapper.offset-1{transform:translate(-40px)}.duo-node-wrapper.offset-2{transform:translate(40px)}.duo-node-wrapper.offset-3{transform:translate(0)}.duo-node-wrapper.offset-4{transform:translate(-40px)}.duo-node-wrapper.offset-5{transform:translate(40px)}.duo-node-wrapper.offset-6{transform:translate(0)}}.duo-node-btn{cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.duo-node-btn.completed{background-color:var(--color-lime);color:#fff;box-shadow:0 6px 0 var(--color-lime-dark)}.duo-node-btn.completed:active{transform:translateY(6px);box-shadow:0 0 #0000}.duo-node-btn.active{background-color:var(--color-lime);color:#fff;box-shadow:0 6px 0 var(--color-lime-dark);outline:6px solid var(--color-lime-glow);animation:2s infinite duo-active-pulse}.duo-node-btn.active:active{transform:translateY(6px);box-shadow:0 0 #0000}@keyframes duo-active-pulse{0%,to{outline-color:var(--color-lime-glow)}50%{outline-color:#4fc41c59}}.duo-node-btn.locked{color:#8f96a3;cursor:not-allowed;background-color:#d5d7dd;box-shadow:0 6px #abb0ba}.duo-path-svg{z-index:1;pointer-events:none;width:120px;height:calc(100% - 72px);position:absolute;top:36px;left:50%;transform:translate(-50%)}.duo-popover{background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);z-index:50;text-align:center;width:290px;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) duo-popover-slide;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0f172a26}.duo-popover:after{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--color-bg-white);z-index:51;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.duo-popover:before{content:"";border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:11px solid var(--color-border);z-index:50;position:absolute;top:-12px;left:50%;transform:translate(-50%)}@keyframes duo-popover-slide{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.filters-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.filter-btn{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);cursor:pointer;transition:var(--transition);font-size:14px;font-weight:700;font-family:var(--font-heading);box-shadow:0 3px 0 var(--color-border);padding:10px 20px}.filter-btn:hover{background-color:var(--color-bg-base)}.filter-btn.active{background-color:var(--color-navy);color:var(--color-bg-white);border-color:var(--color-navy);box-shadow:0 3px #070b12}.filter-btn:active{transform:translateY(3px);box-shadow:0 0 #0000}.professions-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:30px;display:grid}.profession-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);transition:var(--transition);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative}.profession-card:hover{border-color:var(--color-lime);box-shadow:0 10px 0 var(--color-lime-glow);transform:translateY(-4px)}.profession-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.profession-icon{border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.profession-details{border-top:2px solid var(--color-border-light);border-bottom:2px solid var(--color-border-light);grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;padding:16px 0;display:grid}.profession-detail-item{flex-direction:column;display:flex}.detail-label{color:var(--color-text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.detail-value{color:var(--color-text-dark);font-size:15px;font-weight:800}.routine-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.routine-tab{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);min-width:100px;box-shadow:0 4px 0 var(--color-border);flex-direction:column;align-items:center;padding:12px 20px;display:flex}.routine-tab:hover{background-color:var(--color-bg-base)}.routine-tab.active{background-color:var(--color-lime);border-color:var(--color-lime);color:#fff;box-shadow:0 4px 0 var(--color-lime-dark)}.routine-tab:active{transform:translateY(4px);box-shadow:0 0 #0000}.routine-tab-day{text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:12px;font-weight:800}.routine-tab.active .routine-tab-day{opacity:.9}.routine-tab-title{font-size:14px;font-weight:800}.routine-content-box{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:40px;display:grid}.routine-text{flex-direction:column;gap:16px;display:flex}.routine-card-preview{background-color:var(--color-bg-base);border-radius:var(--radius-md);border:2px solid var(--color-border);padding:24px}.workbench-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;display:grid}.workbench-card{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);flex-direction:column;justify-content:space-between;padding:36px;display:flex}.workbench-simulator{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#d5d7dd;background-color:#1a1d23;border:2px solid #2b303b;flex-direction:column;display:flex;overflow:hidden}.sim-header{background-color:#111317;border-bottom:2px solid #23272f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sim-dots{gap:6px;display:flex}.sim-dot{border-radius:50%;width:12px;height:12px}.sim-dot-red{background-color:var(--color-coral)}.sim-dot-yellow{background-color:var(--color-yellow)}.sim-dot-green{background-color:var(--color-lime)}.sim-tab-title{color:#8f96a3;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.sim-body{flex-direction:column;gap:16px;padding:24px;display:flex}.sim-step-item{border-radius:var(--radius-md);transition:var(--transition);background-color:#16181d;border:2px solid #23272f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sim-step-item.passed{background-color:#4fc41c0d;border-color:#4fc41c4d}.sim-step-item.failed{background-color:#f651280d;border-color:#f651284d}.sim-step-info{align-items:center;gap:12px;display:flex}.sim-step-number{background-color:#272c35;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:flex}.sim-step-text{font-size:14px}.sim-actions{gap:8px;display:flex}.sim-btn-status{cursor:pointer;text-transform:uppercase;min-width:44px;min-height:44px;transition:var(--transition);border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800}.sim-btn-status.passed{background-color:var(--color-lime);color:#fff;box-shadow:0 2px 0 var(--color-lime-dark)}.sim-btn-status.passed:active{box-shadow:none;transform:translateY(2px)}.sim-btn-status.failed{background-color:var(--color-coral);color:#fff;box-shadow:0 2px 0 var(--color-coral-dark)}.sim-btn-status.failed:active{box-shadow:none;transform:translateY(2px)}.sim-btn-status.inactive{color:#9da3af;background-color:#272c35}.sim-btn-status.inactive:hover{background-color:#303541}.sim-chat-bubble{border-radius:var(--radius-md);background-color:#021c31;border:2px solid #1490f54d;margin-top:10px;padding:16px;animation:.4s ease-out slide-up}.sim-chat-header{color:#6cbaf9;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.sim-chat-text{color:#d5d7dd;font-size:13.5px;line-height:1.5}.mentor-cycle-container{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);margin-bottom:60px;padding:40px}.cycle-steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;position:relative}.cycle-step-card{text-align:center;flex-direction:column;align-items:center;padding:16px;display:flex}.cycle-step-icon-box{background-color:var(--color-lime-soft);width:68px;height:68px;color:var(--color-lime);z-index:2;transition:var(--transition);border:2px solid #4fc41c1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;box-shadow:0 3px #4fc41c33}.cycle-step-card:hover .cycle-step-icon-box{background-color:var(--color-lime);color:#fff;box-shadow:0 3px 0 var(--color-lime-dark);transform:scale(1.05)}.mentors-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.mentor-profile-card{background:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);text-align:center;transition:var(--transition);flex-direction:column;align-items:center;padding:32px;display:flex}.mentor-profile-card:hover{border-color:var(--color-lime);box-shadow:0 10px 0 var(--color-lime-glow);transform:translateY(-4px)}.mentor-avatar-container{margin-bottom:20px;position:relative}.mentor-pic{background-color:var(--color-lime-soft);border:4px solid var(--color-border-light);width:96px;height:96px;font-family:var(--font-heading);color:var(--color-lime);border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:800;display:flex}.mentor-logo-badge{background-color:var(--color-navy);color:#fff;border-radius:var(--radius-round);width:32px;height:32px;box-shadow:var(--shadow-sm);border:3px solid #fff;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:0;right:0}.dashboard-preview-card{background-color:var(--color-navy-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:2px solid #ffffff1a;justify-content:center;align-items:center;padding:40px;display:flex}.dashboard-showcase-ui{background-color:var(--color-navy);border-radius:var(--radius-md);border:2px solid #ffffff26;width:100%;max-width:320px;padding:24px}.dashboard-quest-item{border-bottom:2px solid #ffffff0f;align-items:center;gap:12px;padding:12px;display:flex}.dashboard-quest-item:last-child{border-bottom:none}.dashboard-quest-checkbox{cursor:pointer;width:22px;height:22px;transition:var(--transition);border:2px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;display:flex}.dashboard-quest-checkbox.checked{background-color:var(--color-lime);border-color:var(--color-lime);box-shadow:0 2px 0 var(--color-lime-dark)}.dashboard-quest-checkbox svg{color:#fff}.diag-callout-box{background-color:var(--color-bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border);text-align:left;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:50px;display:grid}.faq-list{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{background-color:var(--color-bg-white);border-radius:var(--radius-md);border:2px solid var(--color-border);transition:var(--transition);overflow:hidden}.faq-item:hover{border-color:var(--color-text-dark)}.faq-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px;display:flex}.faq-question{color:var(--color-text-dark);font-size:17px;font-weight:800;font-family:var(--font-heading)}.faq-icon-wrapper{color:var(--color-text-muted);transition:var(--transition)}.faq-item.active .faq-icon-wrapper{color:var(--color-lime);transform:rotate(180deg)}.faq-content{max-height:0;transition:max-height .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-item.active .faq-content{max-height:200px}.faq-content-inner{color:var(--color-text-muted);padding:0 24px 24px;font-size:15px;line-height:1.6}.footer{background-color:var(--color-navy);color:#fff9;border-top:2px solid #ffffff1a;padding:80px 0 40px}.footer h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;font-size:16px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:40px;margin-bottom:60px;display:grid}.footer-brand{flex-direction:column;gap:20px;display:flex}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link{color:#fff9;transition:var(--transition);font-size:14px;font-weight:700;font-family:var(--font-heading);align-items:center;min-height:34px;text-decoration:none;display:inline-flex}.footer-link:hover{color:var(--color-lime)}.footer-bottom{border-top:2px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;display:flex}@media (width<=1024px){.desktop-nav,.header-actions .btn{display:none}.mobile-menu-btn{display:grid}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{align-items:center}.hero-actions{justify-content:center}.routine-content-box{grid-template-columns:1fr;padding:24px}.workbench-grid{grid-template-columns:1fr;gap:30px}.mentors-grid{grid-template-columns:1fr;gap:24px}.diag-callout-box{text-align:center;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=768px){.cycle-steps{grid-template-columns:1fr;gap:24px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=600px){.routine-tab-title{display:none}.routine-tab{border-radius:var(--radius-sm);justify-content:center;min-width:52px;height:52px;box-shadow:0 3px 0 var(--color-border)!important;padding:0!important}.routine-tab.active{box-shadow:0 3px 0 var(--color-lime-dark)!important}.routine-tab:active{transform:translateY(3px)!important;box-shadow:0 0 #0000!important}.routine-tab-day{font-size:14px;font-weight:800;opacity:1!important}.routine-nav{flex-wrap:nowrap;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;gap:8px;width:100%;max-width:360px;margin-left:auto;margin-right:auto;display:grid}}@media (width<=480px){.container{padding-left:16px;padding-right:16px}.logo-link{font-size:22px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.section{padding:72px 0}.section-header{margin-bottom:38px}.profession-card,.workbench-card,.mentor-cycle-container,.diag-callout-box{border-radius:var(--radius-md);padding:22px 18px}.profession-details{grid-template-columns:1fr}.duo-path-container,.duo-node-wrapper,.duo-popover,.routine-content-box,.routine-card-preview,.workbench-card,.workbench-simulator,.mentor-cycle-container,.mentor-profile-card,.diag-callout-box{min-width:0;max-width:100%}.duo-path-container{margin-top:30px;padding-inline:4px}.duo-node-btn{width:64px;height:64px}.duo-path-svg{height:calc(100% - 64px);top:32px}.duo-popover{width:min(270px,100vw - 48px);padding:16px}.routine-tab{width:100%;min-width:0}.routine-content-box{border-radius:var(--radius-md);gap:22px;padding:18px}.routine-card-preview{padding:18px}.sim-header{gap:10px;padding:14px 16px}.sim-tab-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sim-body{padding:16px}.sim-step-item{flex-direction:column;align-items:flex-start;gap:12px}.sim-actions{grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.mentors-grid,.cycle-steps{grid-template-columns:1fr!important}.footer-link{min-height:44px}}.hero-mascot-img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:340px;height:auto;animation:6s ease-in-out infinite float-mascot}@keyframes float-mascot{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}.mentor-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.student-portal,.portal-auth{--portal-bg:#f3f7f4;--portal-card:#fff;--portal-ink:#10231a;--portal-muted:#617166;--portal-line:#dfe8df;--portal-lime:#57c735;--portal-lime-dark:#31951d;--portal-lime-soft:#e8f9df;--portal-blue:#2884e8;--portal-blue-soft:#e6f1ff;--portal-yellow:#f3ad16;--portal-yellow-soft:#fff5d8;--portal-coral:#f05d42;--portal-coral-soft:#fff0ec;--portal-shadow:0 16px 42px #10231a17;--portal-shadow-soft:0 8px 22px #10231a0f;--portal-radius:24px;color:var(--portal-ink)}.portal-auth{background:radial-gradient(circle at 12% 12%, #57c73529, transparent 32%), radial-gradient(circle at 78% 18%, #2884e826, transparent 28%), linear-gradient(145deg, #f8fbf7, var(--portal-bg));grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;gap:40px;min-height:100dvh;padding:32px;display:grid}.portal-auth-card,.portal-card,.portal-stat-card,.portal-module-card,.portal-homework-item,.portal-career-card,.portal-achievement,.portal-video-card{background:var(--portal-card);border:1px solid var(--portal-line);box-shadow:var(--portal-shadow-soft)}.portal-auth-card{border-radius:32px;max-width:520px;padding:34px}.portal-brand-mark{background:linear-gradient(135deg, var(--portal-lime), #9ae66f);color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:900;display:grid;box-shadow:0 12px 24px #57c73547}.portal-brand-mark.small{border-radius:14px;flex:none;width:42px;height:42px;font-size:21px}.portal-auth-copy{margin:26px 0}.portal-auth-copy h1,.portal-screen-heading h1,.portal-hero-copy h1{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--portal-ink)}.portal-auth-copy h1{margin:14px 0;font-size:clamp(2rem,7vw,3.25rem);line-height:1.04}.portal-auth-copy p,.portal-screen-heading p,.portal-hero-copy p,.portal-card p,.portal-module-card p{color:var(--portal-muted)}.portal-login-form{gap:16px;display:grid}.portal-login-form label{color:var(--portal-ink);gap:8px;font-size:13px;font-weight:800;display:grid}.portal-login-form input,.portal-chat-form input{border:1px solid var(--portal-line);width:100%;color:var(--portal-ink);font:inherit;background:#fbfdfb;border-radius:16px;outline:none;padding:15px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.portal-login-form input:focus,.portal-chat-form input:focus{border-color:var(--portal-lime);background:#fff;box-shadow:0 0 0 4px #57c73524}.portal-password-field{position:relative}.portal-password-field button{color:var(--portal-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.portal-form-error{color:#b22e1f;background:var(--portal-coral-soft);border-radius:14px;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;display:flex}.portal-primary-action,.portal-secondary-action,.portal-text-button,.portal-next-actions button,.portal-calendar-event button,.portal-career-card button{cursor:pointer;font:inherit;border:0;font-weight:850;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.portal-primary-action{background:var(--portal-lime);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:14px 20px;display:inline-flex;box-shadow:0 14px 28px #57c73542}.portal-primary-action:hover{background:var(--portal-lime-dark);transform:translateY(-2px)}.portal-primary-action:disabled{cursor:not-allowed;box-shadow:none;background:#bac7bd;transform:none}.portal-primary-action.wide{width:100%}.portal-secondary-action{min-height:48px;color:var(--portal-ink);border:1px solid var(--portal-line);background:#fff;border-radius:999px;padding:13px 18px}.portal-secondary-action:hover{border-color:var(--portal-ink);transform:translateY(-2px)}.portal-auth-footnote{color:var(--portal-muted);align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:700;display:flex}.portal-auth-preview{place-items:center;display:grid}.portal-phone-shell{color:#fff;background:#10231a;border-radius:42px;width:min(360px,100%);min-height:640px;padding:22px;position:relative;overflow:hidden;box-shadow:0 34px 80px #10231a47}.portal-phone-shell:before{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:34px;position:absolute;inset:10px}.portal-phone-header,.portal-mini-lesson,.portal-mini-note{z-index:1;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:22px;position:relative}.portal-phone-header{justify-content:space-between;align-items:center;padding:18px;display:flex}.portal-phone-header img,.portal-student-avatar{border:2px solid #ffffff47;border-radius:15px;width:42px;height:42px}.portal-student-avatar{color:var(--portal-lime-dark);letter-spacing:-.03em;background:linear-gradient(145deg,#e9f6e5,#fff);border-color:#57c7353d;flex:none;place-items:center;font-size:13px;font-weight:950;display:inline-grid}.portal-student-avatar.compact{border-radius:13px;width:34px;height:34px}.portal-phone-mascot{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 28px #57c73538);width:132px;height:132px;margin:24px auto 8px;display:block;position:relative}.portal-mini-lesson{align-items:center;gap:12px;margin-top:18px;padding:18px;display:flex}.portal-mini-lesson svg{color:var(--portal-lime)}.portal-mini-lesson div,.portal-mini-note{gap:4px;display:grid}.portal-mini-lesson span,.portal-mini-note{color:#ffffffad;font-size:13px}.portal-mini-thread{gap:18px;margin:54px 22px;display:grid}.portal-mini-thread span{background:linear-gradient(90deg,#57c735eb,#9ae66feb);border-radius:22px;height:78px;display:block;transform:rotate(-4deg)}.portal-mini-thread span:nth-child(2){background:linear-gradient(90deg,#2884e8e6,#7bbeffe6);width:76%;margin-left:auto;transform:rotate(4deg)}.portal-mini-thread span:nth-child(3){background:linear-gradient(90deg,#f3ad16eb,#ffd85eeb);width:88%;transform:rotate(-2deg)}.portal-mini-note{padding:18px}.student-portal{background:radial-gradient(circle at 90% 0%, #57c73521, transparent 32%), var(--portal-bg);grid-template-columns:280px minmax(0,1fr);min-height:100dvh;display:grid}.portal-sidebar{border-right:1px solid var(--portal-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffd1;height:100dvh;padding:22px 18px;position:sticky;top:0}.portal-sidebar-brand{align-items:center;gap:12px;padding:8px 6px 24px;display:flex}.portal-sidebar-brand strong,.portal-student-chip strong{color:var(--portal-ink);display:block}.portal-sidebar-brand span{color:var(--portal-muted);font-size:12px;font-weight:750;display:block}.portal-side-nav{gap:8px;display:grid}.portal-side-nav button{width:100%;color:var(--portal-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:11px;padding:13px 14px;font-size:14px;font-weight:850;display:flex}.portal-side-nav button:hover,.portal-side-nav button.active{color:var(--portal-ink);background:var(--portal-lime-soft)}.portal-sidebar-card{color:#fff;background:#10231a;border-radius:22px;gap:10px;margin-top:24px;padding:18px;display:grid}.portal-sidebar-card strong{line-height:1.2}.portal-sidebar-card p{color:#ffffffad;font-size:13px}.portal-main{min-width:0;padding-bottom:40px}.portal-backdrop{display:none}.portal-topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f7f4d1;border-bottom:1px solid #dfe8dfb8;align-items:center;gap:12px;padding:18px 26px;display:flex;position:sticky;top:0}.portal-mobile-title{display:none}.portal-search{border:1px solid var(--portal-line);min-width:0;color:var(--portal-muted);background:#ffffffbd;border-radius:999px;flex:1;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.portal-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-top-actions{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.portal-icon-button{border:1px solid var(--portal-line);width:44px;height:44px;color:var(--portal-ink);cursor:pointer;background:#fff;border-radius:15px;place-items:center;display:grid;position:relative}.portal-dot{background:var(--portal-coral);border:2px solid #fff;border-radius:999px;width:9px;height:9px;position:absolute;top:9px;right:9px}.portal-student-chip{border:1px solid var(--portal-line);color:var(--portal-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 6px;display:flex}.portal-student-chip img{object-fit:cover;border:2px solid var(--portal-lime-soft);border-radius:999px;width:32px;height:32px;display:block}.portal-content{width:min(1180px,100%);margin:0 auto;padding:28px 26px 90px}.portal-screen{gap:22px;display:grid}.portal-screen-heading{gap:12px;max-width:760px;margin-bottom:2px;display:grid}.portal-screen-heading h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.portal-screen-heading p{max-width:68ch;font-size:1.02rem}.portal-pill{border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:28px;padding:6px 11px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.portal-tone-lime{background:var(--portal-lime-soft);color:var(--portal-lime-dark)}.portal-tone-blue{background:var(--portal-blue-soft);color:#0e63bf}.portal-tone-yellow{background:var(--portal-yellow-soft);color:#9b6400}.portal-tone-coral{background:var(--portal-coral-soft);color:#b63221}.portal-tone-muted{color:#6d7b71;background:#edf1ed}.portal-hero-card{border:1px solid var(--portal-line);box-shadow:var(--portal-shadow);background:linear-gradient(135deg,#fff 0% 68%,#f3fbf0 100%);border-radius:32px;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:28px;padding:30px;display:grid;overflow:hidden}.portal-hero-copy{gap:15px;min-width:0;display:grid}.portal-hero-copy h1{max-width:11ch;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98}.portal-hero-actions,.portal-homework-actions,.portal-next-actions{flex-wrap:wrap;gap:12px;display:flex}.portal-progress-orbit{aspect-ratio:1;text-align:center;background:radial-gradient(circle at center, #fff 0 55%, transparent 56%), conic-gradient(var(--portal-lime) 0 47%, #dfe8df 47% 100%);width:220px;box-shadow:inset 0 0 0 1px var(--portal-line);border-radius:50%;justify-self:end;place-items:center;display:grid}.portal-progress-core{place-items:center;gap:6px;max-width:118px;display:grid}.portal-progress-core span{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(2.55rem,4.6vw,3.35rem);font-weight:950;line-height:1;display:block}.portal-progress-core small{color:var(--portal-muted);font-size:12px;font-weight:850;line-height:1.15;display:block}.portal-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.portal-stat-card{border-radius:22px;gap:10px;padding:18px;display:grid}.portal-stat-icon,.portal-notice-icon,.portal-calendar-date,.portal-career-icon{border-radius:15px;place-items:center;width:42px;height:42px;display:grid}.portal-stat-card span{color:var(--portal-muted);font-size:13px;font-weight:750}.portal-stat-card strong{letter-spacing:-.03em;font-size:1.4rem}.portal-card{border-radius:var(--portal-radius);padding:22px}.portal-two-col,.portal-lesson-layout,.portal-homework-layout,.portal-mentor-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;display:grid}.portal-section-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.portal-section-title.compact{margin-bottom:16px}.portal-section-title span{color:var(--portal-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.portal-section-title h2,.portal-module-card h2,.portal-calendar-event h2,.portal-career-card h2{color:var(--portal-ink);letter-spacing:-.03em;margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.1}.portal-progress{background:#e7eee7;border-radius:999px;width:100%;height:10px;overflow:hidden}.portal-progress span{border-radius:inherit;height:100%;display:block}.portal-skill-list,.portal-checklist,.portal-lesson-list,.portal-course-list,.portal-chat-stream,.portal-timeline{gap:12px;display:grid}.portal-skill-row{gap:8px;display:grid}.portal-skill-row div{justify-content:space-between;gap:14px;display:flex}.portal-skill-row span{color:var(--portal-muted);font-weight:850}.portal-next-step p{margin-bottom:18px}.portal-next-actions{margin-top:18px}.portal-next-actions button,.portal-calendar-event button,.portal-career-card button,.portal-text-button{width:fit-content;color:var(--portal-ink);border:1px solid var(--portal-line);background:#f6faf6;border-radius:999px;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.portal-next-actions button:hover,.portal-calendar-event button:hover,.portal-career-card button:hover,.portal-text-button:hover{border-color:var(--portal-lime);transform:translateY(-1px)}.portal-route-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.portal-route-node{border:1px solid var(--portal-line);min-height:156px;color:var(--portal-ink);text-align:left;cursor:pointer;background:#fbfdfb;border-radius:22px;flex-direction:column;gap:10px;padding:16px;display:flex}.portal-route-node span{background:var(--portal-lime-soft);width:fit-content;color:var(--portal-lime-dark);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.portal-route-node small{color:var(--portal-muted);line-height:1.35}.portal-route-node.active{border-color:var(--portal-lime);box-shadow:0 0 0 4px #57c7351f}.portal-route-node.lockedFuture,.portal-route-node.lockedPast{opacity:.72}.portal-module-card{border-radius:28px;padding:22px}.portal-module-card.active{border-color:#57c7358c;box-shadow:0 18px 40px #57c7351f}.portal-module-card.lockedFuture{background:#fcfbf5}.portal-module-head{grid-template-columns:52px minmax(0,1fr);gap:14px;margin-bottom:16px;display:grid}.portal-module-index{background:var(--portal-ink);color:#fff;border-radius:18px;place-items:center;width:52px;height:52px;font-size:20px;font-weight:950;display:grid}.portal-lesson-list{margin-top:16px}.portal-lesson-row{border:1px solid var(--portal-line);color:var(--portal-ink);text-align:left;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.portal-lesson-row.active,.portal-lesson-row.available{border-color:#57c73580}.portal-lesson-row.lockedPast,.portal-lesson-row.lockedFuture{color:#748078;background:#f6faf6}.portal-lesson-state{background:var(--portal-lime-soft);width:30px;height:30px;color:var(--portal-lime-dark);border-radius:12px;place-items:center;display:grid}.portal-lesson-row small{color:var(--portal-muted);font-weight:750}.portal-video-card{border-radius:28px;padding:18px}.portal-video-frame{color:#fff;text-align:center;background:linear-gradient(145deg,#0b1410,#16231c);border-radius:24px;place-items:center;min-height:360px;padding:24px;display:grid;position:relative;overflow:hidden}.portal-video-frame>img{object-fit:cover;filter:saturate(.86)contrast(1.08)brightness(.58);width:100%;height:100%;position:absolute;inset:0}.portal-video-scrim{background:linear-gradient(#050b08a8,#050b087a 38%,#050b08e6),radial-gradient(circle at 50% 42%,#57c7351f,#0000 38%);position:absolute;inset:0}.portal-video-play{z-index:2;background:var(--portal-lime);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 18px;display:grid;position:relative;box-shadow:0 18px 36px #57c73547}.portal-video-caption,.portal-video-topline,.portal-video-controls{z-index:2;position:relative}.portal-video-caption{gap:6px;max-width:520px;display:grid}.portal-video-frame span{color:#ffffffbd}.portal-video-topline{color:#ffffffc2;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex;position:absolute;top:16px;left:16px;right:16px}.portal-video-topline strong{color:#fff;font-size:12px}.portal-video-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:absolute;bottom:16px;left:18px;right:18px}.portal-video-controls span{background:linear-gradient(90deg, var(--portal-lime) 0 30%, #ffffff42 30% 100%);border-radius:999px;height:5px}.portal-video-controls small{color:#ffffffb8;font-size:12px;font-weight:850}.portal-video-meta{color:var(--portal-muted);flex-wrap:wrap;gap:12px;margin:14px 0;font-size:13px;font-weight:800;display:flex}.portal-video-meta span{align-items:center;gap:6px;display:inline-flex}.portal-checklist-card{align-self:start}.portal-checklist button{border:1px solid var(--portal-line);color:var(--portal-ink);text-align:left;cursor:pointer;background:#fbfdfb;border-radius:16px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:12px;font-weight:750;display:grid}.portal-checklist button span{width:28px;height:28px;color:var(--portal-muted);background:#edf3ed;border-radius:10px;place-items:center;font-size:12px;font-weight:950;display:grid}.portal-checklist button.checked{background:var(--portal-lime-soft);border-color:#57c73566}.portal-checklist button.checked span{background:var(--portal-lime);color:#fff}.portal-resource-grid,.portal-career-grid,.portal-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portal-resource-card{border:1px solid var(--portal-line);color:var(--portal-ink);text-align:left;cursor:pointer;background:#fbfdfb;border-radius:20px;gap:8px;padding:18px;display:grid}.portal-resource-card svg{color:var(--portal-lime-dark)}.portal-resource-card span,.portal-homework-item span,.portal-career-card p,.portal-achievement p{color:var(--portal-muted)}.portal-homework-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.portal-homework-list{gap:12px;display:grid}.portal-homework-item{color:var(--portal-ink);text-align:left;cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.portal-homework-item.active{border-color:var(--portal-lime);box-shadow:0 0 0 4px #57c73521}.portal-homework-item div{gap:8px;display:grid}.portal-homework-detail{min-height:360px}.portal-feedback-box{background:var(--portal-blue-soft);color:#0e63bf;border-radius:18px;gap:12px;margin:18px 0;padding:16px;display:flex}.portal-feedback-box p{color:#225f9a;margin-top:5px}.portal-mentor-layout{grid-template-columns:330px minmax(0,1fr)}.portal-mentor-profile{text-align:center;align-self:start;justify-items:center;gap:12px;display:grid}.portal-mentor-avatar{background:var(--portal-blue-soft);border-radius:32px;width:96px;height:96px;overflow:hidden;box-shadow:0 12px 26px #10231a1f}.portal-mentor-avatar img{object-fit:cover;width:100%;height:100%;display:block}.portal-mentor-facts{gap:8px;width:100%;margin-top:8px;display:grid}.portal-mentor-facts span{color:var(--portal-muted);background:#f6faf6;border-radius:14px;padding:10px;font-size:13px;font-weight:750}.portal-chat{grid-template-rows:minmax(360px,1fr) auto;gap:14px;display:grid}.portal-chat-stream{align-content:end}.portal-chat-message{background:#f6faf6;border-radius:20px;grid-template-columns:36px minmax(0,1fr);gap:10px;width:min(78%,620px);padding:14px;display:grid}.portal-chat-message.student{background:var(--portal-lime-soft);margin-left:auto}.portal-chat-message img{object-fit:cover;border-radius:13px;width:36px;height:36px}.portal-chat-message span{color:var(--portal-muted);font-size:12px;font-weight:850}.portal-chat-message p{color:var(--portal-ink);margin-top:6px}.portal-chat-form{grid-template-columns:minmax(0,1fr) 48px;gap:10px;display:grid}.portal-chat-form button{background:var(--portal-lime);color:#fff;cursor:pointer;border:0;border-radius:16px;place-items:center;display:grid}.portal-chat-placeholder{background:linear-gradient(135deg,#fff 0% 62%,#f4faf1 100%);align-content:center;justify-items:start;gap:22px;min-height:520px;display:grid;overflow:hidden}.portal-chat-placeholder-icon{background:var(--portal-lime-soft);width:68px;height:68px;color:var(--portal-lime-dark);border:1px solid #57c73533;border-radius:22px;place-items:center;display:grid}.portal-chat-placeholder h2{color:var(--portal-ink);letter-spacing:-.04em;margin:14px 0 8px;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.04}.portal-chat-placeholder p{max-width:64ch;line-height:1.58}.portal-chat-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.portal-chat-placeholder-grid article{border:1px solid var(--portal-line);background:#ffffffb3;border-radius:20px;align-content:start;gap:8px;min-height:128px;padding:16px;display:grid}.portal-chat-placeholder-grid span{color:var(--portal-muted);font-size:13px;line-height:1.45}.portal-calendar-event{border:1px solid var(--portal-line);background:#fbfdfb;border-radius:20px;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.portal-calendar-date{text-align:center;align-content:center;width:88px;height:64px}.portal-calendar-date span{font-size:12px;font-weight:850}.portal-calendar-event p{color:var(--portal-muted);align-items:center;gap:6px;margin-top:5px;display:flex}.portal-career-card{border-radius:24px;gap:12px;padding:12px 12px 18px;display:grid;overflow:hidden}.portal-career-icon{background:var(--portal-lime-soft);color:var(--portal-lime-dark)}.portal-career-image{aspect-ratio:16/9;object-fit:cover;background:var(--portal-lime-soft);border-radius:18px;width:100%;display:block}.portal-achievement{opacity:.64;border-radius:20px;gap:8px;padding:18px;display:grid}.portal-achievement.earned{opacity:1;border-color:#57c73573}.portal-achievement svg{color:var(--portal-lime-dark)}.portal-notifications{border:1px solid var(--portal-line);width:min(380px,100vw - 32px);box-shadow:var(--portal-shadow);background:#fff;border-radius:24px;gap:12px;padding:16px;display:grid;position:absolute;top:72px;right:26px}.portal-panel-head,.portal-notice-item{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portal-panel-head span,.portal-notice-item p{color:var(--portal-muted);margin-top:3px;font-size:13px;display:block}.portal-notice-item{background:#f8fbf7;border-radius:18px;justify-content:flex-start;padding:12px}.portal-toast{z-index:80;color:#fff;width:min(560px,100vw - 28px);box-shadow:var(--portal-shadow);text-align:center;background:#10231a;border-radius:18px;padding:14px 18px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.portal-bottom-nav,.mobile-only{display:none}@media (width<=1100px){.student-portal{grid-template-columns:1fr}.portal-sidebar{visibility:hidden;pointer-events:none;width:min(320px,86vw);box-shadow:var(--portal-shadow);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%)}.portal-sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0)}.portal-backdrop{z-index:19;opacity:0;pointer-events:none;background:#10231a47;transition:opacity .2s;display:block;position:fixed;inset:0}.portal-backdrop.visible{opacity:1;pointer-events:auto}.mobile-only{display:grid}.desktop-only{display:none}}@media (width<=900px){.portal-auth{grid-template-columns:1fr;padding:18px}.portal-auth-preview{display:none}.portal-hero-card,.portal-two-col,.portal-lesson-layout,.portal-homework-layout,.portal-mentor-layout{grid-template-columns:1fr}.portal-progress-orbit{justify-self:center;width:180px}.portal-stat-grid,.portal-route-preview,.portal-resource-grid,.portal-career-grid,.portal-achievement-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.student-portal{background:linear-gradient(180deg, #e8f9dfd1, #f3f7f4fa 260px), var(--portal-bg);grid-template-rows:minmax(0,1fr) auto;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.portal-main{min-height:0;padding-bottom:0;overflow-y:auto}.portal-auth-card{border-radius:28px;padding:24px 18px}.portal-topbar{background:#f3f7f4f0;gap:9px;min-height:68px;padding:10px 12px}.portal-search{display:none}.portal-mobile-title{gap:1px;min-width:0;margin-right:auto;display:grid}.portal-mobile-title strong{color:var(--portal-ink);letter-spacing:-.02em;font-size:15px;line-height:1}.portal-mobile-title span{color:var(--portal-muted);font-size:11px;font-weight:850;line-height:1}.portal-icon-button{border-radius:16px;width:44px;height:44px}.portal-top-actions{gap:8px;margin-left:0}.portal-student-chip strong{display:none}.portal-student-chip{min-width:44px;min-height:44px;padding:5px}.portal-content{padding:16px 12px 24px}.portal-screen{gap:14px}.portal-screen-heading{gap:10px;margin-bottom:0}.portal-screen-heading h1{letter-spacing:-.035em;font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.05}.portal-hero-copy h1{letter-spacing:-.045em;max-width:9.5ch;font-size:clamp(2rem,8.5vw,2.45rem);line-height:1}.portal-screen-heading p,.portal-hero-copy p{font-size:.94rem;line-height:1.52}.portal-hero-card{background:linear-gradient(#fff 0% 56%,#eef9eb 100%);border-radius:26px;gap:13px;padding:14px}.portal-card,.portal-module-card,.portal-video-card{border-radius:22px;padding:16px}.portal-hero-copy{gap:10px}.portal-pill{min-height:26px;padding:6px 10px;font-size:11px}.portal-progress-orbit{aspect-ratio:auto;text-align:left;width:100%;min-height:78px;box-shadow:inset 0 0 0 1px var(--portal-line);background:#f7fcf5;border-radius:22px;grid-template-columns:62px minmax(0,1fr);justify-self:stretch;place-items:center start;gap:12px;padding:10px 12px;display:grid}.portal-progress-orbit:before{content:"";background:radial-gradient(circle at center, #fff 0 54%, transparent 56%), conic-gradient(var(--portal-lime) 0 47%, #dfe8df 47% 100%);width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--portal-line);border-radius:50%}.portal-progress-core{justify-items:start;gap:4px;max-width:none}.portal-progress-core span{letter-spacing:-.025em;font-size:1.95rem}.portal-progress-core small{max-width:14ch;font-size:12px;line-height:1.25}.portal-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.portal-stat-card{border-radius:20px;align-content:space-between;min-height:116px;padding:14px}.portal-stat-icon,.portal-notice-icon,.portal-career-icon{border-radius:14px;width:38px;height:38px}.portal-stat-card span{min-height:32px;font-size:12px;line-height:1.3}.portal-stat-card strong{font-size:1.25rem;line-height:1}.portal-section-title{gap:10px;margin-bottom:12px;display:grid}.portal-section-title h2,.portal-module-card h2,.portal-calendar-event h2,.portal-career-card h2{font-size:1.25rem;line-height:1.12}.portal-section-title .portal-pill,.portal-section-title .portal-text-button{justify-self:start}.portal-homework-actions,.portal-next-actions{gap:10px}.portal-next-step p,.portal-homework-detail>p{font-size:.94rem;line-height:1.5}.portal-route-preview,.portal-resource-grid,.portal-career-grid,.portal-achievement-grid{grid-template-columns:1fr}.portal-card,.portal-module-card,.portal-video-card{box-shadow:0 8px 22px #10231a11}.portal-hero-actions,.portal-homework-actions,.portal-next-actions{flex-direction:column}.portal-primary-action,.portal-secondary-action{width:100%;min-height:50px;padding-inline:16px}.portal-route-node{border-radius:20px;min-height:auto;padding:15px}.portal-checklist{margin-top:18px}.portal-module-head{grid-template-columns:42px minmax(0,1fr)}.portal-module-index{border-radius:15px;width:42px;height:42px}.portal-lesson-row{grid-template-columns:32px minmax(0,1fr)}.portal-lesson-row small{grid-column:2}.portal-video-frame{min-height:260px}.portal-calendar-event{grid-template-columns:1fr}.portal-calendar-date{text-align:left;justify-items:start;width:100%;height:auto;padding:10px}.portal-calendar-event button,.portal-career-card button,.portal-next-actions button{justify-content:center;width:100%}.portal-chat{grid-template-rows:minmax(420px,1fr) auto}.portal-chat-message{width:92%}.portal-chat-placeholder{align-content:start;min-height:auto;padding:20px 16px}.portal-chat-placeholder-grid{grid-template-columns:1fr;margin-top:22px}.portal-chat-placeholder-grid article{min-height:auto}.portal-notifications{top:64px;right:12px}.portal-bottom-nav{z-index:30;border:1px solid var(--portal-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--portal-shadow);background:#fffffff2;border-radius:26px;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 12px 12px;padding:7px;display:grid;position:static}.portal-bottom-nav button{min-height:58px;color:var(--portal-muted);font:inherit;background:0 0;border:0;border-radius:19px;align-content:center;justify-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:850;line-height:1;display:grid}.portal-bottom-nav button.active{background:var(--portal-lime-soft);color:var(--portal-lime-dark)}.portal-toast{bottom:88px}}