:root{--student-header-height:94px;--student-sidebar-width:248px}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer}.student-app{background:radial-gradient(circle at 72% 10%, #6c4df61a, transparent 26%), radial-gradient(circle at 8% 88%, #2a96ff14, transparent 24%), var(--es-background);min-height:100vh}.student-header{height:var(--student-header-height);border-bottom:1px solid var(--es-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffc7;justify-content:space-between;align-items:center;padding:18px 34px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.menu-button{background:var(--es-primary);width:56px;height:56px;box-shadow:var(--es-shadow-sm);border:0;border-radius:18px;align-content:center;gap:5px;padding:0 16px;display:grid}.menu-button span{background:#fff;border-radius:999px;height:3px;display:block}.brand-title{letter-spacing:-.02em;font-size:23px;font-weight:800}.brand-subtitle{color:var(--es-text-muted);margin-top:3px;font-size:14px}.ai-status{color:#1a875e;background:#19b87817;border-radius:999px;align-items:center;gap:9px;padding:11px 17px;font-size:14px;font-weight:800;display:flex}.status-dot{background:var(--es-success);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #19b8781a}.student-sidebar{top:var(--student-header-height);width:var(--student-sidebar-width);border-right:1px solid var(--es-border);z-index:15;background:#fffffff0;padding:26px 18px;transition:transform .18s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.student-sidebar.open{transform:translate(0)}.sidebar-title{color:var(--es-text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 12px 16px;font-size:11px;font-weight:800}.nav-item{width:100%;color:var(--es-text-muted);text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 13px;font-weight:700;display:flex}.nav-item:hover{color:var(--es-text);background:#f4f5fb}.nav-item.active{color:var(--es-primary-dark);background:#6c4df61a}.nav-icon{text-align:center;width:26px;font-size:18px}.student-content{min-height:calc(100vh - var(--student-header-height) - 56px)}.student-main{text-align:center;max-width:1180px;margin:0 auto;padding:54px 34px 30px}.hero-badge{color:var(--es-primary);text-transform:uppercase;letter-spacing:.1em;background:#fffc;border:1px solid #6c4df629;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:900;display:inline-flex}.student-main h1,.placeholder-page h1{color:#151d37;letter-spacing:-.055em;margin:20px 0 12px;font-size:clamp(42px,6vw,70px);line-height:.98}.hero-description,.placeholder-page>p{color:#647493;max-width:780px;margin:0 auto;font-size:18px;line-height:1.65}.student-card-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:42px;display:grid}.student-card{border:1px solid var(--es-border);text-align:left;min-height:330px;color:inherit;box-shadow:var(--es-shadow-sm);background:#ffffffdb;border-radius:24px;padding:28px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.student-card:hover{box-shadow:var(--es-shadow-md);border-color:#6c4df633;transform:translateY(-2px)}.student-card-primary{background:linear-gradient(145deg,#fffffff5,#f8f6fff5);border-color:#6c4df633}.card-icon{color:#62708c;background:#f0f2f8;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:28px;font-size:30px;display:grid}.card-icon-primary{background:var(--es-primary);color:#fff}.card-arrow{color:#77829a;background:#f4f5f9;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid;position:absolute;top:30px;right:28px}.card-eyebrow{color:#8390aa;letter-spacing:.1em;font-size:12px;font-weight:900}.student-card h2{letter-spacing:-.035em;margin:8px 0 10px;font-size:31px}.student-card p{color:#697894;max-width:470px;margin:0;font-size:16px;line-height:1.65}.card-link{color:var(--es-primary);margin-top:22px;font-weight:900;display:inline-block}.quick-strip{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.quick-strip>div{border:1px solid var(--es-border);color:var(--es-text-muted);background:#ffffffbf;border-radius:15px;align-items:center;gap:10px;padding:15px 17px;font-size:14px;display:flex}.quick-number{color:var(--es-primary);font-weight:900}.placeholder-page{text-align:center;max-width:980px;margin:0 auto;padding:72px 34px}.placeholder-panel{border:1px solid var(--es-border);max-width:640px;box-shadow:var(--es-shadow-sm);background:#ffffffe0;border-radius:24px;gap:10px;margin:38px auto 0;padding:34px;display:grid}.placeholder-icon{color:var(--es-primary);font-size:38px}.placeholder-panel strong{font-size:18px}.placeholder-panel span{color:var(--es-text-muted)}.mobile-backdrop{inset:var(--student-header-height) 0 0;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080e1e40;border:0;position:fixed}@media (width>=1100px){.student-sidebar{transform:translate(0)}.student-content,.student-header{padding-left:calc(var(--student-sidebar-width) + 28px)}}@media (width<=800px){.student-header{padding:14px 18px}.brand-subtitle{display:none}.student-main{padding:42px 18px 24px}.student-card-grid,.quick-strip{grid-template-columns:1fr}.student-main h1,.placeholder-page h1{font-size:clamp(40px,12vw,58px)}}@media (width<=520px){.ai-status{padding:10px 12px;font-size:12px}.ai-status .status-dot{width:7px;height:7px}.student-card{min-height:300px;padding:22px}}.student-app .menu-button{place-items:center;display:grid;position:relative;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:11px!important;width:42px!important;height:42px!important}.student-app .menu-button:before,.student-app .menu-button:after{content:"";background:#334155;border-radius:999px;width:19px;height:2px;position:absolute}.student-app .menu-button:before{transform:translateY(-4px);box-shadow:0 8px #334155}.student-app .menu-button:after{display:none}.student-app .menu-button:hover{background:#eff6ff!important;border-color:#bfdbfe!important}.student-app .menu-button{color:#0000!important;font-size:0!important}.student-app .student-brand{align-items:baseline;gap:12px;min-width:0;display:flex}.student-app .student-brand h1{margin:0}@media (width<=700px){.student-app .student-brand{gap:8px}.student-app .ai-warning{white-space:normal;max-width:260px;font-size:10px}}@media (width<=480px){.student-app .ai-warning{display:none}}.student-app .brand-title-row{align-items:baseline;gap:12px;min-width:0;display:flex}.student-app .brand-title{margin:0}.student-app .ai-warning{color:#64748b;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.3}@media (width<=700px){.student-app .brand-title-row{gap:8px}.student-app .ai-warning{white-space:normal;max-width:260px;font-size:10px}}@media (width<=480px){.student-app .ai-warning{display:none}}
