*,:before,:after{box-sizing:border-box}:root{--color-bg:#fff;--color-text:#0d0d0d;--color-text-secondary:#333;--color-text-muted:#666;--color-placeholder:#888;--color-brand:#18e299;--color-brand-light:#d4fae8;--color-brand-deep:#0fa76e;--color-error:#d45656;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-border:#0000000d;--color-border-md:#00000014;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--shadow-card:#00000008 0px 2px 4px;--shadow-btn:#0000000f 0px 1px 2px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}#root{min-height:100vh}.auth-page{background:linear-gradient(160deg,#18e29912 0%,#fff 45%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-card);background:#fff;padding:40px}.brand-badge{background:var(--color-brand-light);color:var(--color-brand-deep);border-radius:var(--radius-pill);letter-spacing:.65px;text-transform:uppercase;font-size:12px;font-weight:500;font-family:var(--font-mono);align-items:center;gap:6px;margin-bottom:20px;padding:4px 14px;text-decoration:none;display:inline-flex}.brand-dot{background:var(--color-brand);border-radius:50%;flex-shrink:0;width:6px;height:6px}.auth-title{letter-spacing:-.52px;color:var(--color-text);margin:0 0 6px;font-size:26px;font-weight:600;line-height:1.2}.auth-subtitle{color:var(--color-text-muted);margin:0 0 32px;font-size:15px;line-height:1.5}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.form-input{width:100%;font-family:var(--font-sans);color:var(--color-text);border:1px solid var(--color-border-md);border-radius:var(--radius-pill);-webkit-appearance:none;background:#fff;outline:none;padding:10px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--color-placeholder)}.form-input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #18e29924}.form-select{width:100%;font-family:var(--font-sans);color:var(--color-text);border:1px solid var(--color-border-md);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center no-repeat;border-radius:12px;outline:none;padding:10px 40px 10px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #18e29924}.btn-primary{background:var(--color-text);color:#fff;border-radius:var(--radius-pill);width:100%;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-btn);border:none;margin-top:8px;padding:11px 24px;font-size:15px;font-weight:500;line-height:1.5;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.88}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.form-error{color:var(--color-error);border-radius:var(--radius-md);background:#d456560f;border:1px solid #d4565624;margin:0 0 8px;padding:9px 14px;font-size:13px}.auth-footer{text-align:center;color:var(--color-text-muted);margin-top:24px;font-size:14px}.auth-footer a{color:var(--color-text);border-bottom:1px solid var(--color-brand);padding-bottom:1px;font-weight:500;text-decoration:none;transition:color .15s}.auth-footer a:hover{color:var(--color-brand-deep)}.dashboard-nav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.32px;color:var(--color-text);align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.nav-logo-dot{background:var(--color-brand);border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border-md);border-radius:var(--radius-pill);font-family:var(--font-sans);cursor:pointer;background:0 0;padding:6px 16px;font-size:14px;font-weight:500;line-height:1.5;transition:background .15s}.btn-ghost:hover{background:var(--color-gray-100)}.dashboard-body{width:100%;max-width:720px;margin:0 auto;padding:56px 24px}.dashboard-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.65px;font-size:12px;font-weight:500;font-family:var(--font-mono);margin:0 0 12px}.user-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;margin-bottom:16px;padding:32px}.user-name{letter-spacing:-.56px;color:var(--color-text);margin:0 0 4px;font-size:28px;font-weight:600;line-height:1.2}.user-email{color:var(--color-text-muted);margin:0 0 20px;font-size:15px}.role-badge{background:var(--color-brand-light);color:var(--color-brand-deep);border-radius:var(--radius-pill);padding:4px 14px;font-size:13px;font-weight:500;display:inline-flex}.school-info{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin-top:20px;padding-top:20px;font-size:15px}.roadmap-note{background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);text-align:center;padding:20px 24px;font-size:14px;line-height:1.6}@media (width<=640px){:root{--radius-xl:18px;--radius-lg:12px}body{font-size:15px}.auth-page{justify-content:flex-start;padding:40px 16px 16px}.auth-card{border-radius:var(--radius-xl);box-shadow:none;background:0 0;border:none;padding:24px 20px}.auth-title{font-size:24px}.dashboard-nav{height:60px;padding:0 16px}.nav-logo{font-size:14px}.dashboard-body{padding:32px 16px}.user-card{border-radius:var(--radius-lg);padding:20px 16px}.user-name{font-size:22px}.form-input,.form-select,.btn-primary,.btn-ghost{padding:12px 16px;font-size:16px}.desktop-only{display:none!important}}@media (width<=400px){.nav-logo span:not(.nav-logo-dot){display:none}.btn-ghost{padding:6px 10px;font-size:13px}}.mobile-only{display:none}@media (width<=640px){.mobile-only{display:block}.grid-2-mobile-1{grid-template-columns:1fr!important}}.landing-wrapper{background:#fafdfb;min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing-container{width:100%;max-width:1200px;margin:0 auto}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafdfbd9;border-bottom:1px solid #1a473114;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-link{color:#374151;border-radius:99px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.btn-primary-landing{color:#fff;background:#1a4731;border-radius:99px;padding:9px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s;box-shadow:0 2px 8px #1a47314d}.landing-hero{background:linear-gradient(135deg,#f0fdf4 0%,#fafdfb 50%,#ecfdf5 100%);align-items:center;min-height:100vh;padding:100px 48px 80px;display:flex;position:relative;overflow:hidden}.landing-hero-content{align-items:center;gap:80px;display:flex;position:relative}.landing-hero-title{letter-spacing:-2px;color:#0d1f16;margin:0 0 24px;font-size:60px;font-weight:800;line-height:1.08}.landing-hero-subtitle{color:#4b5563;max-width:520px;margin:0 0 40px;font-size:19px;line-height:1.7}.landing-hero-image{flex:1;justify-content:flex-end;height:580px;display:flex;position:relative}.landing-how{background:#0d1f16;padding:100px 48px}.landing-ecosystem{background:#fff;padding:100px 48px}.landing-section-header{text-align:center;margin-bottom:64px}.landing-section-title{letter-spacing:-1.5px;color:#0d1f16;margin:12px 0 0;font-size:44px;font-weight:800}.landing-grid-3{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.landing-grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.landing-cta{text-align:center;background:linear-gradient(135deg,#1a4731 0%,#0d2e1e 100%);padding:100px 48px;position:relative;overflow:hidden}.landing-footer{background:#07130d;padding:60px 48px 32px}.landing-mobile-hero-img{border:1px solid #1a47311a;border-radius:24px;width:100%;max-width:320px;margin:0 auto 32px;overflow:hidden;box-shadow:0 20px 40px #1a473126}.landing-mobile-hero-img img{width:100%;display:block}@media (width<=1024px){.landing-hero-content{gap:40px}.landing-hero-title{font-size:48px}.landing-hero-image{display:none}}@media (width<=768px){.landing-nav{padding:0 24px}.landing-hero{padding:100px 24px 60px}.landing-hero-content{text-align:center;flex-direction:column}.landing-hero-subtitle{margin:0 auto 32px}.landing-grid-3{grid-template-columns:1fr}.landing-section-title{font-size:32px}.landing-how,.landing-ecosystem,.landing-cta{padding:60px 24px}}@media (width<=480px){.landing-nav-link{display:none}.btn-primary-landing{padding:7px 16px;font-size:13px}.landing-hero-title{font-size:36px}}.register-wrapper{min-height:100vh;display:flex}.register-left{background:#fff;flex-direction:column;flex:0 0 520px;max-width:520px;padding:40px 48px;display:flex;overflow-y:auto}.register-right{background:linear-gradient(135deg,#1a4731 0%,#2d6a4f 40%,#40916c 80%,#52b788 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.register-right{display:none}.register-left{flex:1;max-width:100%;padding:40px 32px}}@media (width<=640px){.register-left{padding:32px 20px}.grid-3-mobile-1{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.grid-3-mobile-1{grid-template-columns:1fr!important}}