:root{--school-primary:#111827;--school-secondary:#6366f1;--text-dark:#111827;--text-muted:#64748b;--border-light:#e2e8f0;--surface:#fff;--surface-soft:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-dark);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.landing-page{background:radial-gradient(circle at 80% 15%,#6366f11f,#0000 28%),linear-gradient(#fff 0%,#f8fafc 100%);min-height:100vh;overflow-x:hidden}.navbar{border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 7%;display:flex;position:sticky;top:0}.logo{letter-spacing:-.7px;align-items:center;gap:11px;font-size:21px;font-weight:850;display:flex}.logo-mark{background:var(--school-primary);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:850;display:grid}.navbar nav{align-items:center;gap:30px;display:flex}.navbar nav a{color:#475569;font-size:14px;font-weight:650;transition:color .2s,transform .2s}.navbar nav a:hover{color:var(--school-primary);transform:translateY(-1px)}.nav-login{background:var(--school-primary);border-radius:11px;padding:12px 21px;transition:transform .2s,opacity .2s;color:#fff!important;font-weight:750!important}.nav-login:hover{opacity:.92;transform:translateY(-2px)}.hero{width:100%;padding:90px 7% 105px}.hero-grid{grid-template-columns:1fr .9fr;align-items:center;gap:75px;max-width:1250px;margin:0 auto;display:grid}.hero-content{max-width:650px}.hero-badge{color:var(--school-primary);letter-spacing:1px;text-transform:uppercase;background:#fffc;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:11px 17px;font-size:12px;font-weight:850;display:inline-flex}.hero h1{letter-spacing:-4px;margin:30px 0 24px;font-size:clamp(52px,6vw,82px);font-weight:900;line-height:.94}.hero h1 span{color:var(--school-secondary)}.hero p{max-width:620px;color:var(--text-muted);margin:0;font-size:18px;line-height:1.8}.hero-buttons{align-items:center;gap:14px;margin-top:34px;display:flex}.primary-btn,.secondary-btn{border-radius:12px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-btn{background:var(--school-primary);color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0f172a29}.secondary-btn{color:var(--school-primary);background:#fff;border:1px solid #dbe2ea}.secondary-btn:hover{border-color:var(--school-secondary);transform:translateY(-2px)}.hero-card{background:var(--school-primary);color:#fff;border-radius:30px;min-height:510px;padding:38px;transition:transform .3s,box-shadow .3s;transform:rotate(1deg);box-shadow:0 35px 70px #0f172a33}.hero-card:hover{transform:rotate(0)translateY(-5px);box-shadow:0 40px 80px #0f172a40}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top p{margin:0}.card-top p span{color:#cbd5e1;letter-spacing:.6px;font-size:12px;font-weight:800}.card-top>span{color:#cbd5e1;font-size:12px;font-weight:750}.card-title{letter-spacing:-1px;max-width:430px;margin-top:58px;font-size:32px;font-weight:850;line-height:1.15}.mini-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px;display:grid}.mini-grid>div:last-child:nth-child(odd){grid-column:1/-1}.mini-grid>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:17px;min-height:120px;padding:20px}.mini-icon{margin-bottom:13px;font-size:20px}.mini-grid strong{font-size:16px;display:block}.mini-grid small{color:#94a3b8;margin-top:8px;font-size:12px;display:block}.section{padding:110px 7%}.section-heading{max-width:700px;margin-bottom:55px}.section-heading>span,.cta>span{color:var(--school-secondary);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:850}.section-heading h2{letter-spacing:-2.5px;margin:14px 0;font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1}.section-heading p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1250px;margin:0 auto;display:grid}.feature-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;min-height:220px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--school-secondary);transform:translateY(-5px);box-shadow:0 18px 40px #0f172a14}.feature-icon{width:44px;height:44px;color:var(--school-secondary);background:#6366f11a;border-radius:12px;place-items:center;margin-bottom:24px;font-size:20px;display:grid}.feature-card h3{margin:0 0 10px;font-size:19px}.feature-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.roles-section{background:var(--school-primary);color:#fff;padding:110px 7%}.roles-section .section-heading{text-align:center;margin-left:auto;margin-right:auto}.roles-section .section-heading h2{color:#fff}.roles-section .section-heading p{color:#94a3b8}.roles-grid{grid-template-columns:repeat(5,1fr);gap:15px;max-width:1250px;margin:0 auto;display:grid}.role-card{background:#ffffff09;border:1px solid #374151;border-radius:20px;min-height:210px;padding:28px;transition:transform .2s,border-color .2s,background .2s}.role-card:hover{border-color:var(--school-secondary);background:#ffffff12;transform:translateY(-5px)}.role-card span{color:#9ca3af;font-size:13px}.role-card h3{margin-top:65px;margin-bottom:10px;font-size:22px}.role-card p{color:#9ca3af;margin:0;font-size:14px;line-height:1.6}.cta-section{padding:100px 7%}.cta{text-align:center;background:linear-gradient(135deg,#6366f11a,#fffc);border:1px solid #e2e8f0;border-radius:28px;max-width:1100px;margin:0 auto;padding:65px}.cta h2{letter-spacing:-2.5px;max-width:700px;margin:14px auto;font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1}.cta p{max-width:620px;color:var(--text-muted);margin:20px auto 30px;font-size:16px;line-height:1.7}.cta .primary-btn{display:inline-flex}footer{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:30px;padding:45px 7%;display:flex}footer p{color:#94a3b8;margin:0;font-size:13px}footer a{color:#cbd5e1;font-size:13px}footer a:hover{color:#fff}@media (width<=1000px){.hero-grid{grid-template-columns:1fr;gap:60px}.hero-content{max-width:750px}.hero-card{max-width:650px}.features-grid,.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar{height:68px;padding:0 18px}.navbar nav a:not(.nav-login){display:none}.logo{font-size:18px}.logo-mark{width:35px;height:35px}.nav-login{padding:11px 18px}.hero{padding:65px 18px 75px}.hero-grid{gap:50px}.hero h1{letter-spacing:-3px;margin-top:24px;font-size:clamp(46px,14vw,65px)}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.hero-card{border-radius:24px;min-height:auto;padding:27px;transform:none}.hero-card:hover{transform:none}.card-title{margin-top:42px;font-size:27px}.mini-grid{grid-template-columns:1fr}.section{padding:80px 18px}.section-heading{margin-bottom:38px}.section-heading h2{font-size:40px}.features-grid{grid-template-columns:1fr}.roles-section{padding:80px 18px}.roles-grid{grid-template-columns:1fr}.role-card{min-height:180px}.role-card h3{margin-top:45px}.cta-section{padding:70px 18px}.cta{padding:45px 24px}.cta h2{font-size:40px}footer{flex-direction:column;align-items:flex-start;gap:20px;padding:40px 18px}}.school-logo{object-fit:contain;border-radius:10px;width:42px;height:42px}:root{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}img{max-width:100%}button,input,select,textarea{font:inherit}