:root{--color-primary:#4f6ef7;--color-primary-hover:#3b5de5;--color-primary-light:#eef1fe;--color-primary-border:#b8c4fb;--color-accent:#ff8c42;--color-accent-light:#fff4eb;--color-success:#34d399;--color-success-light:#ecfdf5;--color-warning:#faad14;--color-warning-light:#fffbe6;--color-error:#ef4444;--color-error-light:#fef2f2;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e5e7eb;--color-border-light:#f0f1f3;--color-text:#1a1a2e;--color-text-secondary:#8c8ca1;--color-text-muted:#b0b0c0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, Consolas, monospace;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--color-text);margin:0;font-weight:600}h1{font-size:24px}h2{font-size:20px}h3{font-size:17px}p{margin:0}a{color:var(--color-primary)}code{font-family:var(--font-mono);background:var(--color-border-light);border-radius:4px;padding:2px 6px;font-size:13px}.brand-logo{object-fit:contain;object-position:center;flex-shrink:0;display:block}.feedback-widget{z-index:180;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.feedback-widget-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:52px;padding:0;transition:transform .15s,filter .15s;display:flex}.feedback-widget-btn-svg{width:52px;height:52px;box-shadow:var(--shadow-md);border-radius:50%;display:block}.feedback-widget-btn-disk{fill:#1a1a2e85;stroke:#ffffff59;stroke-width:1px}.feedback-widget-center-glyph{fill:#fff}.feedback-widget-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.feedback-widget-btn:hover .feedback-widget-btn-disk{fill:var(--color-primary)}.feedback-widget-btn:hover .feedback-widget-btn-svg{box-shadow:var(--shadow-lg)}.feedback-widget-btn-label{text-align:center;width:100%;color:var(--color-text-secondary);font-size:9px;line-height:1.1}.feedback-widget-dismiss{border:1px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%}.feedback-modal-overlay{z-index:1000;background:#0f172a47;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feedback-modal{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);overflow:auto}.feedback-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.feedback-modal-header h3{color:var(--color-text);font-size:18px}.feedback-modal-header button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;font-size:20px}.feedback-form{flex-direction:column;gap:12px;padding:16px;display:flex}.feedback-form label{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:14px;display:flex}.feedback-form select,.feedback-form textarea,.feedback-form input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.feedback-form select:focus,.feedback-form textarea:focus,.feedback-form input[type=text]:focus{border-color:var(--color-primary-border);outline:none;box-shadow:0 0 0 3px #4f6ef724}.feedback-form textarea{resize:vertical;min-height:110px}.feedback-upload input[type=file]{padding:6px 0}.feedback-screenshot-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feedback-screenshot-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.feedback-screenshot-list a{color:var(--color-primary);word-break:break-all;font-size:13px;text-decoration:none}.feedback-screenshot-list button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;padding:2px 8px}.feedback-error{border-radius:var(--radius-sm);background:var(--color-error-light);color:var(--color-error);padding:8px 10px;font-size:13px}.feedback-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}.feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.feedback-widget{gap:6px;bottom:14px;right:12px}.feedback-widget-btn{width:44px}.feedback-widget-btn-svg{width:44px;height:44px}.feedback-widget-btn-label{font-size:8px}.feedback-widget-dismiss{width:22px;height:22px}.feedback-modal-overlay{align-items:flex-end}.feedback-modal{border-bottom:none;border-left:none;border-right:none;border-radius:16px 16px 0 0;width:100%;max-height:min(88vh,760px)}.feedback-modal-header{padding:12px}.feedback-form{gap:10px;padding:12px}}.global-timer-overlay{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.global-timer-fab{color:var(--color-text);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:transform .15s;display:flex}.global-timer-fab>span:first-child{background:var(--color-primary);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.global-timer-fab:hover{transform:translateY(-2px)}.global-timer-fab-label{color:var(--color-text-secondary);font-size:9px;line-height:1.1}.global-timer-dock{box-shadow:var(--shadow-md);border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:stretch;display:flex;overflow:hidden}.global-timer-dock-main{background:var(--color-surface);color:var(--color-text);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;transition:background .15s;display:flex}.global-timer-dock-main:hover{background:var(--color-bg,#f8fafc)}.global-timer-dock-main--flash .global-timer-dock-time{animation:.5s ease-in-out infinite timer-flash}.global-timer-dock-icon{font-size:18px}.global-timer-dock-time{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:20px;font-weight:700}.global-timer-dock-status{color:var(--color-primary);background:#4f6ef71a;border-radius:999px;padding:2px 8px;font-size:11px}.global-timer-dock-toggle{border:none;border-left:1px solid var(--color-border);background:var(--color-primary);color:#fff;cursor:pointer;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:filter .15s}.global-timer-dock-toggle:hover{filter:brightness(1.05)}.global-timer-backdrop{cursor:pointer;z-index:1000;background:#0f172a33;border:none;position:fixed;inset:0}.global-timer-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(360px,100vw - 40px);box-shadow:var(--shadow-lg);z-index:1001;position:fixed;bottom:20px;left:20px;overflow:hidden}.global-timer-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.global-timer-panel-header h2{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.global-timer-panel-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:14px}.global-timer-panel-close:hover{background:var(--color-bg,#f1f5f9);color:var(--color-text)}.timer-display--compact{gap:1rem;padding:1.25rem 1rem 1.5rem}.timer-display--compact .timer-time{font-size:56px}@media (width<=768px){.global-timer-panel{width:calc(100vw - 24px);bottom:12px;left:12px}.global-timer-dock-status{display:none}}.scoring-compact-panel{flex-direction:column;gap:12px;max-height:min(70vh,520px);padding:0 16px 16px;display:flex;overflow:auto}.scoring-compact-toolbar{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.scoring-compact-session{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.scoring-compact-session label{color:var(--color-text-secondary);font-size:12px}.scoring-compact-session select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:6px 8px;font-family:inherit;font-size:13px}.scoring-compact-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:13px}.scoring-compact-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.scoring-compact-btn:disabled{opacity:.5;cursor:not-allowed}.scoring-compact-empty{color:var(--color-text-secondary);text-align:center;margin:0;padding:12px 0;font-size:13px}.scoring-compact-body{grid-template-columns:1fr;gap:12px;display:grid}.scoring-compact-groups{flex-direction:column;gap:8px;display:flex}.scoring-compact-group{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg,#f8fafc);padding:10px}.scoring-compact-group-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.scoring-compact-group-name{color:var(--color-text);font-size:14px;font-weight:600}.scoring-compact-group-score{color:var(--color-primary);font-size:18px;font-weight:700}.scoring-compact-quick{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.scoring-compact-quick-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;padding:4px 10px;font-family:inherit;font-size:12px}.scoring-compact-quick-btn--neg{color:var(--color-danger,#e53e3e)}.scoring-compact-quick-btn:disabled{opacity:.5;cursor:not-allowed}.scoring-compact-custom{gap:6px;display:flex}.scoring-compact-custom input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:72px;padding:4px 8px;font-size:13px}.scoring-compact-custom button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;padding:4px 10px;font-size:12px}.scoring-compact-full-link{text-align:center;color:var(--color-primary);padding-top:4px;font-size:13px;text-decoration:none;display:block}.scoring-compact-full-link:hover{text-decoration:underline}@media (width>=480px){.scoring-compact-body{grid-template-columns:1fr 180px;align-items:start}}.global-scoring-overlay{flex-direction:column;align-items:flex-start;display:flex}.global-scoring-fab{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;transition:transform .15s;display:flex}.global-scoring-fab>span:first-child{color:#fff;width:52px;height:52px;box-shadow:var(--shadow-md);background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.global-scoring-fab:hover{transform:translateY(-2px)}.global-scoring-fab-label{color:var(--color-text-secondary);font-size:9px;line-height:1.1}.global-scoring-dock{border:1px solid var(--color-border);background:var(--color-surface);max-width:min(280px,100vw - 48px);box-shadow:var(--shadow-md);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;transition:background .15s;display:flex}.global-scoring-dock:hover{background:var(--color-bg,#f8fafc)}.global-scoring-dock-icon{flex-shrink:0;font-size:18px}.global-scoring-dock-text{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.global-scoring-backdrop{cursor:pointer;z-index:1000;background:#0f172a33;border:none;position:fixed;inset:0}.global-scoring-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(420px,100vw - 40px);box-shadow:var(--shadow-lg);z-index:1001;position:fixed;bottom:20px;left:20px;overflow:hidden}.global-scoring-panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.global-scoring-panel-header h2{margin:0;font-size:16px;font-weight:600}.global-scoring-panel-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.global-scoring-panel-close:hover{background:var(--color-bg,#f1f5f9)}@media (width<=768px){.global-scoring-panel{width:calc(100vw - 24px);bottom:12px;left:12px}}.classroom-floating-tools{z-index:190;pointer-events:none;flex-direction:column-reverse;align-items:flex-start;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}.classroom-floating-tools>*{pointer-events:auto}@media (width<=768px){.classroom-floating-tools{bottom:12px;left:12px}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:56px;box-shadow:var(--shadow-sm);z-index:100;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.app-topbar-left{align-items:center;gap:32px;display:flex}.app-mobile-menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;width:34px;height:34px;font-size:18px;line-height:1;display:none}.app-logo{color:var(--color-primary);white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.app-logo-icon{width:auto;height:2rem}.app-topnav{align-items:center;gap:4px;display:flex}.topnav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.topnav-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.topnav-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.app-topbar-right{align-items:center;gap:16px;display:flex}.app-user-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.app-user-btn:hover{background:var(--color-border-light)}.app-main{background:var(--color-bg);flex:1;min-height:calc(100vh - 56px);padding:28px;overflow-y:auto}.app-mobile-nav{display:none}@media (width<=768px){.app-topbar{height:52px;padding:0 12px}.app-topbar-left{flex:1;gap:10px;min-width:0}.app-logo{font-size:16px}.app-logo-icon{font-size:20px}.app-mobile-menu-btn{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-topnav{display:none}.app-topbar-right{gap:8px}.app-topbar-right .app-user-btn{display:none}.app-main{min-height:calc(100vh - 52px);padding:14px 12px}.app-mobile-nav{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.mobile-nav-link{border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;font-size:14px;text-decoration:none;display:block}.mobile-nav-link.active{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary-border);font-weight:600}.app-mobile-actions{border-top:1px solid var(--color-border-light);gap:6px;padding-top:6px;display:grid}.mobile-nav-logout{border:none;width:100%}}@media print{.app-topbar,.app-mobile-nav,.feedback-widget,.feedback-modal-overlay{display:none!important}.app-layout{min-height:auto}.app-main{background:#fff!important;padding:0!important;overflow:visible!important}}.lp-page{--lp-primary:#4f7df3;--lp-primary-hover:#3b6ae0;--lp-slate-900:#0f172a;--lp-slate-800:#1e293b;--lp-slate-600:#475569;--lp-slate-500:#64748b;--lp-slate-400:#94a3b8;--lp-slate-100:#f1f5f9;--lp-radius-card:16px;--lp-radius-btn:10px;--lp-max:80rem;min-height:100vh;color:var(--lp-slate-600);scroll-behavior:smooth;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif}.lp-container{max-width:var(--lp-max);box-sizing:border-box;margin:0 auto;padding:0 1.5rem}.lp-container-narrow{max-width:48rem}.lp-navbar{z-index:100;transition:background .3s,box-shadow .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.lp-navbar--scrolled{-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e2e8f080;box-shadow:0 1px 3px #0f172a0f}.lp-navbar-inner{justify-content:space-between;align-items:center;gap:1rem;height:4rem;display:flex}.lp-logo{color:var(--lp-slate-900);flex-shrink:0;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.lp-logo-icon{width:auto;height:2.25rem}.lp-navbar-center{align-items:center;gap:.25rem;display:none}.lp-nav-anchor{color:var(--lp-slate-600);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s}.lp-nav-anchor:hover{color:var(--lp-primary);background:#4f7df314}.lp-navbar-actions{align-items:center;gap:.5rem;display:flex}.lp-nav-text-btn{color:var(--lp-slate-600);border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none}.lp-nav-text-btn:hover{color:var(--lp-primary)}.lp-nav-cta-btn{color:#fff;background:var(--lp-primary);border-radius:var(--lp-radius-btn);padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s}.lp-nav-cta-btn:hover{background:var(--lp-primary-hover)}.lp-navbar-toggle{color:var(--lp-slate-800);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:flex}.lp-mobile-drawer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background:#fffffffa;padding:1.5rem;position:fixed;inset:4rem 0 0}.lp-mobile-nav{flex-direction:column;gap:.5rem;display:flex}.lp-mobile-nav button,.lp-mobile-nav a{text-align:left;color:var(--lp-slate-800);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.875rem 1rem;font-size:1rem;text-decoration:none}.lp-mobile-nav button:hover,.lp-mobile-nav a:hover{background:var(--lp-slate-100)}.lp-mobile-register{margin-top:.5rem;text-align:center!important;background:var(--lp-primary)!important;color:#fff!important;font-weight:600!important}.lp-btn{border-radius:var(--lp-radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.lp-btn-primary{color:#fff;background:var(--lp-primary);box-shadow:0 8px 24px #4f7df359}.lp-btn-primary:hover{background:var(--lp-primary-hover);transform:translateY(-2px)}.lp-btn-pulse{animation:3s ease-in-out infinite lp-pulse-shadow}@keyframes lp-pulse-shadow{0%,to{box-shadow:0 8px 24px #4f7df359}50%{box-shadow:0 8px 36px #4f7df38c}}.lp-btn-secondary{color:var(--lp-primary);background:#fff;border:1px solid #4f7df359}.lp-btn-secondary:hover{background:#f8fafc}.lp-btn-outline{color:var(--lp-primary);background:#fff;border:1px solid #4f7df366}.lp-btn-outline:hover{background:#4f7df30f}.lp-btn-white{color:var(--lp-primary);background:#fff;padding:14px 32px;font-size:1.0625rem;box-shadow:0 4px 14px #0000001f}.lp-btn-white:hover{transform:scale(1.05)}.lp-btn-block{width:100%;margin-top:auto}.lp-hero{padding:6.5rem 0 4rem;position:relative;overflow:hidden}.lp-hero-glow{pointer-events:none;background:radial-gradient(#4f7df31f 0%,#0000 70%);width:55%;height:80%;position:absolute;top:-20%;right:-10%}.lp-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.lp-hero-title{color:var(--lp-slate-900);letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.08}.lp-hero-tagline{color:var(--lp-slate-800);margin:.75rem 0 0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}.lp-hero-desc{color:var(--lp-slate-500);max-width:28em;margin:1rem 0 0;font-size:1rem;line-height:1.65}.lp-hero-trust{color:var(--lp-slate-600);align-items:center;gap:.4rem;margin:1.25rem 0 0;font-size:.875rem;display:flex}.lp-trust-icon{color:#22c55e;flex-shrink:0}.lp-hero-cta{flex-wrap:wrap;gap:.875rem;margin-top:1.75rem;display:flex}.lp-hero-flow{flex-direction:column;align-items:stretch;gap:0;max-width:22rem;margin-left:auto;display:flex}.lp-flow-item{flex-direction:column;align-items:center;display:flex;position:relative}.lp-flow-connector{background:linear-gradient(#4f7df380,#4f7df326);border-left:2px dashed #4f7df359;width:2px;height:1.25rem;margin:.15rem 0;display:block}.lp-flow-card{border:1px solid var(--lp-slate-100);border-radius:var(--lp-radius-card);background:#fff;align-items:flex-start;gap:.875rem;width:100%;padding:1rem 1.125rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 1px 3px #0f172a0f}.lp-flow-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0f172a1a}.lp-flow-icon-wrap{width:2.5rem;height:2.5rem;color:var(--lp-primary);background:#4f7df31a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-flow-text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.lp-flow-text strong{color:var(--lp-slate-800);font-size:.9375rem;font-weight:600}.lp-flow-text span{color:var(--lp-slate-500);font-size:.8125rem;line-height:1.4}.lp-section{padding:5rem 0}.lp-section-alt{background:#eff6ff73}.lp-section-head{text-align:center;max-width:40rem;margin:0 auto 3rem}.lp-section-label{color:var(--lp-primary);background:#4f7df31a;border-radius:999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-block}.lp-section-head h2{color:var(--lp-slate-900);margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.lp-section-head p{color:var(--lp-slate-500);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.lp-card{border:1px solid var(--lp-slate-100);border-radius:var(--lp-radius-card);background:#fff;transition:transform .3s,box-shadow .3s;box-shadow:0 1px 3px #0f172a0d}.lp-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0f172a1a}.lp-features-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.lp-feature-card{padding:1.5rem}.lp-icon-circle{width:3rem;height:3rem;color:var(--lp-primary);background:#4f7df31a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.lp-feature-card h3{color:var(--lp-slate-800);margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.lp-feature-card p{color:var(--lp-slate-500);margin:0;font-size:.875rem;line-height:1.55}.lp-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid;position:relative}.lp-step{text-align:center;padding:0 .5rem;position:relative}.lp-step-line{pointer-events:none;background:linear-gradient(90deg,#4f7df366,#0000);width:100%;height:2px;position:absolute;top:1.75rem;left:-50%}.lp-step-num{color:#fff;background:var(--lp-primary);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:inline-flex}.lp-step-mock{max-width:12rem;height:5.5rem;color:var(--lp-primary);background:#f8fafc;border:1px dashed #4f7df340;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.lp-mock-generate{animation:2s ease-in-out infinite lp-mock-pulse}@keyframes lp-mock-pulse{50%{opacity:.7}}.lp-step h3{color:var(--lp-slate-800);margin:0 0 .35rem;font-size:1.0625rem;font-weight:600}.lp-step p{color:var(--lp-slate-500);margin:0;font-size:.875rem;line-height:1.5}.lp-usecases-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.lp-usecase-card{border-top:4px solid var(--lp-primary);padding:1.5rem 1.25rem}.lp-accent-1{border-top-color:#4f7df3}.lp-accent-2{border-top-color:#6366f1}.lp-accent-3{border-top-color:#3b82f6}.lp-accent-4{border-top-color:#0ea5e9}.lp-usecase-icon{color:var(--lp-primary);margin-bottom:.75rem}.lp-usecase-card h3{color:var(--lp-slate-800);margin:0 0 .5rem;font-size:1rem;font-weight:600}.lp-usecase-card p{color:var(--lp-slate-500);margin:0;font-size:.875rem;line-height:1.5}.lp-stats{background:linear-gradient(135deg,#4f7df3 0%,#3b6ae0 100%);padding:3rem 0}.lp-stats-inner{text-align:center;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.lp-stat-value{color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.2;display:block}.lp-stat-label{color:#ffffffd9;margin-top:.35rem;font-size:.9375rem;display:block}.lp-testimonials-carousel{align-items:center;gap:.75rem;display:flex}.lp-testimonials-viewport{flex:1;min-height:12.5rem;overflow:hidden}.lp-testimonials-slide{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lp-carousel-btn{border:1px solid var(--lp-slate-100);width:2.5rem;height:2.5rem;color:var(--lp-slate-600);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.lp-carousel-btn:hover{border-color:var(--lp-primary);color:var(--lp-primary);box-shadow:0 2px 8px #4f7df326}.lp-carousel-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.lp-carousel-dot{background:var(--lp-slate-100);cursor:pointer;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.lp-carousel-dot--active{background:var(--lp-primary);width:1.5rem}.lp-testimonial-card{margin:0;padding:1.75rem 1.5rem 1.5rem;position:relative}.lp-quote-icon{color:var(--lp-slate-100);margin-bottom:.5rem}.lp-testimonial-card p{color:var(--lp-slate-600);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.65}.lp-testimonial-card footer{align-items:center;gap:.75rem;display:flex}.lp-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:700;display:flex}.lp-testimonial-card footer strong{color:var(--lp-slate-800);font-size:.875rem;display:block}.lp-testimonial-card footer span span{color:var(--lp-slate-400);font-size:.75rem;font-weight:400;display:block}.lp-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.25rem;display:grid}.lp-pricing-card{flex-direction:column;padding:1.75rem 1.5rem;display:flex;position:relative}.lp-pricing-card--featured{border-color:var(--lp-primary);transform:scale(1.02);box-shadow:0 8px 32px #4f7df333}.lp-pricing-card--featured:hover{transform:scale(1.02)translateY(-4px)}.lp-pricing-card--school{background:#eff6ffcc}.lp-pricing-badge{color:#fff;background:var(--lp-primary);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.lp-pricing-card h3{color:var(--lp-slate-900);margin:.5rem 0 .25rem;font-size:1.25rem}.lp-pricing-tagline{color:var(--lp-slate-500);margin:0;font-size:.875rem}.lp-pricing-price{color:var(--lp-primary);margin:1rem 0;font-size:1.125rem;font-weight:700}.lp-pricing-card ul{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.lp-pricing-card li{color:var(--lp-slate-600);padding:.35rem 0 .35rem 1.25rem;font-size:.875rem;position:relative}.lp-pricing-card li:before{content:"✓";color:var(--lp-primary);font-weight:700;position:absolute;left:0}.lp-faq-list{flex-direction:column;gap:.75rem;display:flex}.lp-faq-item{border:1px solid var(--lp-slate-100);background:#fff;border-radius:12px;overflow:hidden}.lp-faq-trigger{text-align:left;width:100%;color:var(--lp-slate-800);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:600;display:flex}.lp-faq-chevron{color:var(--lp-slate-400);flex-shrink:0;transition:transform .25s}.lp-faq-item--open .lp-faq-chevron{transform:rotate(180deg)}.lp-faq-panel{overflow:hidden}.lp-faq-panel p{color:var(--lp-slate-500);margin:0;padding:0 1.25rem 1rem;font-size:.875rem;line-height:1.65}.lp-footer-cta{background:linear-gradient(135deg,#4f7df3 0%,#3b6ae0 100%);padding:4.5rem 0;position:relative;overflow:hidden}.lp-footer-cta-glow{pointer-events:none;background:#ffffff14;border-radius:50%;animation:8s ease-in-out infinite lp-float;position:absolute}.lp-footer-cta-glow--1{width:280px;height:280px;top:-40px;left:10%}.lp-footer-cta-glow--2{width:200px;height:200px;animation-delay:-3s;bottom:-30px;right:15%}@keyframes lp-float{0%,to{transform:translate(0)}50%{transform:translate(12px,-16px)}}.lp-footer-cta-inner{text-align:center;z-index:1;position:relative}.lp-footer-cta-inner h2{color:#fff;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.lp-footer-cta-inner p{color:#ffffffe6;margin:.75rem 0 1.75rem;font-size:1rem}.lp-site-footer{border-top:1px solid var(--lp-slate-100);background:#fff;padding:3rem 0 0}.lp-footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;padding-bottom:2.5rem;display:grid}.lp-footer-brand p{color:var(--lp-slate-500);max-width:16rem;margin:.75rem 0 0;font-size:.875rem;line-height:1.6}.lp-footer-grid h4{color:var(--lp-slate-800);margin:0 0 1rem;font-size:.875rem;font-weight:600}.lp-footer-grid ul{margin:0;padding:0;list-style:none}.lp-footer-grid li{color:var(--lp-slate-500);margin-bottom:.5rem;font-size:.8125rem}.lp-footer-grid a{color:var(--lp-slate-500);text-decoration:none}.lp-footer-grid a:hover{color:var(--lp-primary)}.lp-footer-bottom{text-align:center;border-top:1px solid var(--lp-slate-100);padding:1.25rem 1.5rem}.lp-footer-bottom p{color:var(--lp-slate-400);margin:0;font-size:.75rem}@media (width>=1024px){.lp-navbar-center{display:flex}.lp-navbar-toggle{display:none}.lp-nav-text-btn{display:inline-flex}}@media (width<=1023px){.lp-nav-text-btn{display:none}.lp-hero-grid{grid-template-columns:1fr;gap:2.5rem}.lp-hero-flow{max-width:100%;margin:0 auto}.lp-features-grid,.lp-usecases-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{grid-template-columns:1fr;max-width:20rem;margin:0 auto}.lp-step-line{display:none}.lp-stats-inner{grid-template-columns:repeat(2,1fr)}.lp-testimonials-slide{grid-template-columns:1fr}.lp-carousel-btn{width:2.25rem;height:2.25rem}.lp-pricing-grid{grid-template-columns:1fr;max-width:22rem;margin:0 auto}.lp-pricing-card--featured{transform:none}.lp-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.lp-hero{padding-top:5.5rem}.lp-hero-title{font-size:2.25rem}.lp-features-grid,.lp-usecases-grid{grid-template-columns:1fr}.lp-hero-cta{flex-direction:column}.lp-hero-cta .lp-btn{width:100%}.lp-footer-grid{grid-template-columns:1fr}.lp-section{padding:3.5rem 0}}.workspace-container{max-width:960px;margin:0 auto}.workspace-welcome{background:linear-gradient(135deg, var(--color-primary-light) 0%, #f0f4ff 100%);border-radius:var(--radius-lg);border:1px solid var(--color-primary-border);justify-content:space-between;align-items:center;margin-bottom:32px;padding:28px 32px;display:flex}.welcome-left{flex-direction:column;gap:6px;display:flex}.welcome-greeting{color:var(--color-text);margin:0;font-size:22px;font-weight:700}.welcome-date{color:var(--color-text-secondary);margin:0;font-size:14px}.welcome-stats{gap:36px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-item-clickable{cursor:pointer;border-radius:10px;padding:4px 8px}.stat-item-clickable:hover{background:#4f6ef714}.stat-value{color:var(--color-primary);font-size:28px;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:12px}.workspace-section{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--color-text);margin:0 0 16px;font-size:17px;font-weight:600}.section-header .section-title{margin-bottom:0}.view-all-link{color:var(--color-primary);font-size:14px;font-weight:500;text-decoration:none}.view-all-link:hover{text-decoration:underline}.card-grid{gap:16px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.action-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:inherit;flex-direction:column;gap:10px;padding:24px;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .15s;display:flex}.action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-border);transform:translateY(-2px)}.card-icon{font-size:36px}.card-title{color:var(--color-text);font-size:17px;font-weight:600}.card-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.action-card-sm{flex-direction:row;align-items:center;gap:16px;padding:20px 24px}.card-icon-sm{flex-shrink:0;font-size:32px}.card-title-sm{color:var(--color-text);margin-bottom:4px;font-size:15px;font-weight:600;display:block}.card-desc-sm{color:var(--color-text-secondary);font-size:13px;display:block}.task-list{flex-direction:column;gap:10px;display:flex}.task-item{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;color:inherit;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:flex}.task-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-border)}.task-item-left{flex-direction:column;gap:4px;display:flex}.task-item-title{color:var(--color-text);font-size:15px;font-weight:500}.task-item-date{color:var(--color-text-muted);font-size:12px}.task-item-status{border-radius:20px;padding:3px 12px;font-size:13px;font-weight:500}.task-item-tags{flex-shrink:0;align-items:center;gap:8px;display:flex}.task-item-type{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.placeholder-text{color:var(--color-text-secondary);text-align:center;padding:32px;font-size:14px}@media (width<=768px){.workspace-container{max-width:100%}.workspace-welcome{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px}.welcome-greeting{font-size:19px}.welcome-date{font-size:13px}.welcome-stats{justify-content:flex-start;gap:24px;width:100%}.stat-item-clickable{padding:2px 4px}.stat-value{font-size:24px}.workspace-section{margin-bottom:20px}.section-title{margin:0 0 12px;font-size:16px}.section-header{margin-bottom:12px}.view-all-link{font-size:13px}.card-grid{gap:12px}.card-grid-3,.card-grid-4,.card-grid-2{grid-template-columns:1fr}.action-card{gap:8px;padding:16px}.card-icon{font-size:30px}.card-title{font-size:16px}.action-card-sm{gap:12px;padding:14px}.card-icon-sm{font-size:26px}.task-list{gap:8px}.task-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.task-item-left{width:100%}.task-item-title{font-size:14px}.task-item-status{padding:2px 10px;font-size:12px}.placeholder-text{padding:20px 10px;font-size:13px}}.password-input-wrap{width:100%;position:relative}.password-input-field{box-sizing:border-box;border:1px solid #d8def0;border-radius:10px;width:100%;padding:10px 40px 10px 12px;font-size:14px}.password-input-toggle{color:#8c8ca1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-input-toggle:hover{color:#4f6ef7;background:#4f6ef714}.password-input-toggle:focus-visible{outline-offset:2px;outline:2px solid #4f6ef7}
