@import "tailwindcss";

:root {
  --navy: #07182f;
  --navy-2: #0b2444;
  --indigo: #4f46e5;
  --cyan: #1ac8e8;
  --green: #35c98f;
  --orange: #ff9f1c;
  --ink: #0b1b35;
  --muted: #65738b;
  --line: #dce3ef;
  --paper: #fbfcff;
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.site-header {
  height: 84px;
  padding: 0 clamp(24px, 5vw, 78px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 38px;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(9,31,61,.08);
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 800; letter-spacing: -.6px; }
.brand-logo { display:block; width:228px; height:56px; object-fit:contain; object-position:left center; }
.brand strong { color: var(--indigo); }
.brand-mark {
  width: 42px; height: 42px; border-radius: 13px; background: var(--navy); color: white;
  display: grid; place-items: center; position: relative; box-shadow: 0 8px 20px rgba(7,24,47,.15);
}
.brand-mark b { font-size: 22px; line-height: 1; transform: translateY(2px); }
.brand-mark span { position: absolute; color: var(--orange); top: 2px; right: 7px; font-size: 10px; }
.nav { display: flex; gap: 34px; align-items: center; font-size: 14px; font-weight: 650; color: #263550; }
.nav a { position: relative; padding: 12px 0; }
.nav a::after { content:""; position:absolute; left:0; right:100%; bottom:5px; height:2px; background:var(--indigo); transition:.2s ease; }
.nav a:hover::after { right:0; }
.header-cta {
  justify-self: end; border: 0; color: white; background: var(--indigo); border-radius: 12px;
  padding: 13px 18px; font-weight: 750; box-shadow: 0 10px 24px rgba(79,70,229,.22);
}
.header-cta span, .button span { margin-left: 8px; }
.menu-toggle { display: none; }

.hero {
  min-height: 690px;
  color: white;
  background: radial-gradient(circle at 70% 40%, #123e67 0, transparent 36%), linear-gradient(125deg, #07182f 0%, #071b35 52%, #061326 100%);
  padding: 86px clamp(24px, 5vw, 78px) 72px;
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(530px, 1.15fr);
  gap: clamp(50px, 6vw, 100px);
  align-items: center;
  overflow: hidden;
  position: relative;
}
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events:none; }
.glow-one { width: 420px; height:420px; background:rgba(26,200,232,.06); right:8%; top:12%; }
.glow-two { width:280px; height:280px; border:1px solid rgba(26,200,232,.14); left:-90px; bottom:-90px; }
.eyebrow {
  width: max-content; max-width: 100%; border: 1px solid rgba(26,200,232,.6); color: #72eaff;
  border-radius: 99px; padding: 9px 14px; font-size: 12px; font-weight: 800; letter-spacing: 1.4px;
}
.eyebrow span { color: var(--orange); margin-right: 7px; }
.eyebrow.dark { color: var(--indigo); border-color: #cfd4ff; background: #f2f3ff; }
.hero h1 { font-size: clamp(50px, 5.3vw, 82px); line-height: .99; letter-spacing: -4px; margin: 28px 0 26px; max-width: 760px; }
.hero h1 em { font-style: normal; color: var(--cyan); }
.hero-copy > p { color: #b9c6d9; font-size: 19px; line-height: 1.75; max-width: 610px; margin: 0 0 30px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.button {
  min-height: 52px; display:inline-flex; align-items:center; justify-content:center; border-radius:12px;
  padding: 0 20px; border: 1px solid transparent; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button.primary { background: linear-gradient(135deg, #5b54ef, #4338ca); color:white; box-shadow:0 12px 26px rgba(79,70,229,.25); }
.button.secondary { border-color: rgba(255,255,255,.3); color:white; background:rgba(255,255,255,.04); }
.button.full { width:100%; }
.trust-line { display:flex; gap:14px; align-items:center; margin-top:30px; }
.trust-line p { margin:0; color:#8395ad; font-size:12px; line-height:1.5; }
.trust-line strong { color:white; font-size:13px; }
.avatar-stack { display:flex; }
.avatar-stack span {
  width:35px; height:35px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:800;
  color:white; border:2px solid var(--navy); margin-left:-8px; background:linear-gradient(135deg,#5b54ef,#1ac8e8);
}
.avatar-stack span:first-child { margin-left:0; }

.dashboard-shell {
  position:relative; z-index:2; padding:23px; border:1px solid rgba(75,213,239,.32); border-radius:24px;
  background:linear-gradient(145deg,rgba(14,45,78,.94),rgba(5,24,46,.97));
  box-shadow:0 34px 90px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.dash-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.dash-top small, .progress-card small, .mentor-card small { color:#74dff3; font-size:10px; font-weight:800; letter-spacing:1.4px; }
.dash-top h2 { font-size:21px; margin:6px 0 0; letter-spacing:-.5px; }
.date-chip { color:#a9bbd0; border:1px solid rgba(255,255,255,.12); padding:8px 11px; border-radius:9px; font-size:11px; }
.dash-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:12px; }
.dash-grid article { background:rgba(7,27,52,.68); border:1px solid rgba(143,191,224,.15); border-radius:16px; padding:17px; }
.progress-card { display:flex; gap:18px; align-items:center; }
.ring {
  width:98px; height:98px; border-radius:50%; padding:8px; flex:0 0 auto;
  background:conic-gradient(var(--cyan) 0 72%, #173a5e 72%);
}
.ring > div { width:100%; height:100%; border-radius:50%; background:#091e39; display:grid; place-content:center; text-align:center; }
.ring strong { font-size:25px; }
.ring span { color:#7f92aa; font-size:9px; }
.progress-card h3 { font-size:14px; margin:7px 0; }
.progress-card p { color:#47d9a5; font-size:10px; margin:0; }
.card-heading { display:flex; justify-content:space-between; font-size:12px; margin-bottom:14px; }
.card-heading span { color:#55dff4; font-size:10px; }
.subject { margin-top:11px; }
.subject > div:first-child { display:flex; justify-content:space-between; font-size:11px; }
.subject strong { color:#b7c6d8; }
.bar { height:5px; border-radius:99px; background:#183754; margin-top:6px; overflow:hidden; }
.bar i { display:block; height:100%; border-radius:inherit; }
.bar .green { background:var(--green); }.bar .cyan { background:var(--cyan); }.bar .orange { background:var(--orange); }
.week-row { display:flex; justify-content:space-between; }
.week-row div { display:grid; gap:7px; text-align:center; color:#8092aa; font-size:9px; }
.week-row i { width:25px; height:25px; border-radius:50%; background:#17344f; display:grid; place-items:center; font-style:normal; }
.week-row i.done { background:var(--green); color:#05271b; }
.mentor-card { display:flex; align-items:center; gap:10px; }
.mentor-avatar { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--orange),#ff6b35); font-weight:900; }
.mentor-card > div:nth-child(2) { display:grid; gap:2px; flex:1; }
.mentor-card strong { font-size:12px; }
.mentor-card span { color:#8294a9; font-size:9px; }
.mentor-card button { width:34px; height:34px; border:0; border-radius:9px; background:var(--indigo); color:white; }

.proof-strip {
  background:white; border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr);
  padding:26px clamp(24px,5vw,78px);
}
.proof-strip > div { display:flex; align-items:center; justify-content:center; gap:14px; border-right:1px solid var(--line); }
.proof-strip > div:last-child { border:0; }
.proof-strip strong { color:var(--indigo); font-size:25px; }
.proof-strip span { color:var(--muted); font-size:12px; line-height:1.4; }

.section { padding:110px clamp(24px,7vw,110px); }
.section-intro { max-width:800px; margin:0 auto 54px; text-align:center; display:flex; align-items:center; flex-direction:column; }
.section h2 { font-size:clamp(38px,4vw,59px); line-height:1.08; letter-spacing:-2.7px; margin:22px 0 18px; }
.section h2 em { color:var(--indigo); font-style:normal; }
.section-intro > p, .journey-copy > p, .pricing-copy > p { color:var(--muted); font-size:17px; line-height:1.7; max-width:650px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); max-width:1220px; margin:auto; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:white; box-shadow:0 25px 70px rgba(30,52,84,.07); }
.feature-grid article { padding:32px; min-height:245px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; }
.feature-grid article:nth-child(3n) { border-right:0; }
.feature-grid article:nth-child(n+4) { border-bottom:0; }
.feature-number { position:absolute; right:24px; top:24px; color:#b0bbcc; font-size:11px; letter-spacing:1px; }
.feature-icon { width:42px; height:42px; border-radius:12px; background:#eef0ff; color:var(--indigo); display:grid; place-items:center; font-weight:900; font-size:19px; margin-bottom:28px; }
.feature-grid h3 { font-size:19px; margin:0 0 10px; }
.feature-grid p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; }

.journey-section { background:var(--navy); color:white; display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:center; }
.journey-copy { position:sticky; top:120px; }
.journey-copy .button { margin-top:18px; }
.journey-copy > p { color:#9eafc2; }
.timeline { display:grid; gap:1px; border-radius:22px; overflow:hidden; }
.timeline article { display:grid; grid-template-columns:80px 1fr; gap:20px; padding:28px; background:#0b2444; transition:.2s ease; }
.timeline article:hover { background:#0e2b50; transform:translateX(4px); }
.timeline-index { color:#46d9ef; font-size:13px; font-weight:800; padding-top:4px; }
.timeline small { text-transform:uppercase; color:var(--orange); font-size:10px; letter-spacing:1.4px; font-weight:800; }
.timeline h3 { margin:7px 0; font-size:20px; }
.timeline p { margin:0; color:#95a8bf; font-size:13px; line-height:1.6; }

.founder-section { background:#f1f4fa; }
.founder-card { max-width:1120px; margin:auto; background:white; border:1px solid var(--line); padding:50px; border-radius:26px; display:grid; grid-template-columns:190px 1fr; gap:50px; box-shadow:0 30px 70px rgba(30,52,84,.08); }
.founder-monogram { min-height:260px; border-radius:22px; background:linear-gradient(145deg,var(--navy),#153d67); color:#66e4f4; display:grid; place-items:center; font-size:52px; font-weight:900; letter-spacing:-4px; }
.founder-card h2 { font-size:42px; margin:18px 0; }
.founder-card p { color:var(--muted); line-height:1.75; }
.founder-values { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.founder-values span { padding:8px 12px; border-radius:99px; background:#eef0ff; color:var(--indigo); font-size:11px; font-weight:750; }

.pricing-section { background:linear-gradient(135deg,#081a33,#0a2444); color:white; display:grid; grid-template-columns:1fr 440px; gap:100px; align-items:center; }
.pricing-copy > p { color:#9eafc2; }
.price-card { background:white; color:var(--ink); border-radius:24px; padding:34px; position:relative; box-shadow:0 28px 80px rgba(0,0,0,.3); }
.popular { background:#fff2dc; color:#a45d00; font-size:10px; letter-spacing:1.2px; font-weight:900; padding:9px 12px; border-radius:9px; width:max-content; margin-bottom:25px; }
.price-card > p { margin:0; font-weight:800; }
.price { display:flex; align-items:baseline; margin:8px 0 20px; }
.price > span { font-size:25px; font-weight:800; }.price strong { font-size:62px; letter-spacing:-4px; }.price small { color:var(--muted); margin-left:8px; }
.price-card ul { list-style:none; padding:18px 0; border-top:1px solid var(--line); }
.price-card li { padding:8px 0; color:#4f5d72; font-size:13px; }
.price-card li::before { content:"✓"; color:var(--green); font-weight:900; margin-right:10px; }
.price-card > small { display:block; color:#8995a7; text-align:center; font-size:10px; margin-top:12px; }
.second-plan { margin:16px 0 10px; padding:14px; border-radius:12px; background:#f4f6fb; display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.second-plan span { color:var(--muted); }
.button.outline-dark { border-color:#cbd3e0; color:var(--ink); }

footer { background:#050f1e; color:white; padding:55px clamp(24px,7vw,110px) 28px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:30px; }
.brand.light strong { color:var(--cyan); }
footer > p { color:#7f91a9; font-size:13px; }
footer > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px 20px; align-items:center; font-size:12px; }
footer button { border:0; border-radius:9px; padding:10px 14px; color:white; background:var(--indigo); }
footer > small { grid-column:1/-1; color:#55677d; border-top:1px solid #14233a; padding-top:25px; margin-top:15px; }
.footer-instagram{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #263a57;border-radius:10px;color:#dce8f7!important;background:#0c192b;transition:.2s ease}.footer-instagram:hover{border-color:#e24a8d;background:linear-gradient(135deg,#6c39c7,#e44682,#f59a38);color:#fff!important;transform:translateY(-1px)}.footer-instagram svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.footer-instagram .instagram-dot{fill:currentColor;stroke:none}

.modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(2,10,22,.72); backdrop-filter:blur(8px); display:grid; place-items:center; padding:18px; animation:fade .18s ease; }
.modal { width:min(580px,100%); max-height:94vh; overflow:auto; background:white; border-radius:24px; padding:36px; position:relative; box-shadow:0 30px 100px rgba(0,0,0,.4); }
.modal-close { position:absolute; right:18px; top:16px; width:36px; height:36px; border:0; border-radius:50%; background:#eef1f6; font-size:24px; color:#41506a; }
.modal h2 { font-size:35px; letter-spacing:-1.5px; margin:20px 0 8px; }
.modal > p { color:var(--muted); margin:0 0 24px; }
.modal form { display:grid; gap:15px; }
.modal label { display:grid; gap:7px; font-size:11px; font-weight:800; color:#31405a; }
.modal input,.modal select,.modal textarea { width:100%; border:1px solid #d7dfeb; border-radius:10px; padding:12px 13px; color:var(--ink); background:#fbfcff; outline:none; }
.modal input:focus,.modal select:focus,.modal textarea:focus { border-color:var(--indigo); box-shadow:0 0 0 3px rgba(79,70,229,.1); }
.modal textarea { min-height:80px; resize:vertical; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.success-state { text-align:center; padding:30px 10px; }
.success-state > div { width:70px; height:70px; border-radius:50%; background:#e8faf3; color:#1aa471; display:grid; place-items:center; margin:auto; font-size:30px; }
.success-state p { color:var(--muted); }
.success-state .button { margin-top:16px; min-width:150px; }
@keyframes fade { from{opacity:0} to{opacity:1} }

@media (max-width: 1050px) {
  .site-header { grid-template-columns:1fr auto; }
  .nav { display:none; }
  .header-cta { display:none; }
  .menu-toggle { width:44px; height:40px; border:1px solid var(--line); background:white; border-radius:10px; display:grid; place-content:center; gap:6px; }
  .menu-toggle span { width:19px; height:2px; background:var(--navy); }
  .nav.open { display:flex; position:absolute; left:20px; right:20px; top:74px; padding:20px; border-radius:14px; background:white; flex-direction:column; align-items:flex-start; gap:5px; box-shadow:0 18px 40px rgba(16,35,63,.16); }
  .hero { grid-template-columns:1fr; padding-top:70px; }
  .hero-copy { max-width:760px; }
  .dashboard-shell { max-width:780px; width:100%; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .feature-grid article:nth-child(3n) { border-right:1px solid var(--line); }
  .feature-grid article:nth-child(2n) { border-right:0; }
  .feature-grid article:nth-child(n+4) { border-bottom:1px solid var(--line); }
  .feature-grid article:nth-child(n+5) { border-bottom:0; }
  .journey-section { grid-template-columns:1fr; gap:50px; }
  .journey-copy { position:static; }
  .pricing-section { grid-template-columns:1fr; gap:45px; }
  .price-card { max-width:520px; }
}

@media (max-width: 680px) {
  .site-header { height:72px; padding:0 18px; }
  .brand { font-size:18px; }.brand-mark { width:36px; height:36px; }
  .hero { padding:58px 18px 48px; gap:42px; min-height:auto; }
  .hero h1 { font-size:45px; letter-spacing:-2.7px; }
  .hero-copy > p { font-size:16px; line-height:1.65; }
  .hero-actions { display:grid; }.button { width:100%; }
  .dashboard-shell { padding:15px; border-radius:18px; }
  .dash-top { align-items:flex-start; }.date-chip { display:none; }
  .dash-grid { grid-template-columns:1fr; }
  .progress-card { min-height:140px; }
  .proof-strip { grid-template-columns:1fr 1fr; padding:5px 18px; }
  .proof-strip > div { justify-content:flex-start; padding:20px 12px; border-bottom:1px solid var(--line); }
  .proof-strip > div:nth-child(2) { border-right:0; }.proof-strip > div:nth-child(n+3) { border-bottom:0; }
  .section { padding:76px 18px; }
  .section h2 { font-size:38px; letter-spacing:-2px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article { border-right:0 !important; border-bottom:1px solid var(--line) !important; }
  .feature-grid article:last-child { border-bottom:0 !important; }
  .journey-section { gap:40px; }
  .timeline article { grid-template-columns:45px 1fr; padding:23px 18px; gap:10px; }
  .founder-card { padding:22px; grid-template-columns:1fr; gap:24px; }
  .founder-monogram { min-height:170px; }
  .founder-card h2 { font-size:35px; }
  .pricing-section { gap:35px; }
  .price-card { padding:25px 20px; }
  footer { grid-template-columns:1fr; }
  footer > div { justify-content:flex-start; }
  footer > small { grid-column:auto; }
  .modal { padding:30px 20px; }
  .form-row { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; transition:none !important; }
}

/* Student workspace */
.dashboard-page { min-height:100vh; background:#f3f6fb; display:grid; grid-template-columns:250px 1fr; }
.dashboard-page.loading { display:grid; place-items:center; color:var(--muted); font-weight:700; }
.dash-sidebar { background:var(--navy); color:white; padding:26px 20px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }
.dash-brand { display:flex; align-items:center; gap:10px; font-weight:850; font-size:18px; background:white; border-radius:11px; padding:7px 10px; }
.dash-brand img { display:block; width:178px; height:42px; object-fit:contain; object-position:left center; }
.dash-brand > span,.dashboard-logo { width:38px; height:38px; background:linear-gradient(135deg,var(--indigo),var(--cyan)); display:grid; place-items:center; border-radius:11px; color:white; font-size:12px; }
.dash-sidebar nav { display:grid; gap:5px; margin-top:52px; }
.dash-sidebar nav a { padding:12px 13px; border-radius:10px; color:#91a4ba; font-size:13px; font-weight:650; }
.dash-sidebar nav a.active,.dash-sidebar nav a:hover { background:#132f52; color:white; }
.seat-card { margin-top:auto; background:#102b4d; padding:16px; border:1px solid #1d4169; border-radius:14px; display:grid; gap:5px; }
.seat-card small { color:#60dcf0; font-size:9px; letter-spacing:1.2px; }.seat-card strong{font-size:14px}.seat-card span{color:#8fa4bc;font-size:10px}
.signout { margin-top:15px; text-align:center; color:#8093aa; font-size:11px; }
.support-card { margin-top:10px; background:#0d2949; border:1px solid #1a4169; border-radius:13px; padding:13px; display:grid; gap:6px; overflow:hidden; }
.support-card small { color:#45dca3; font-size:8px; letter-spacing:1px; font-weight:850; }.support-card a { color:#b8c8da; font-size:9px; word-break:break-all; }
.dash-content { padding:42px clamp(22px,5vw,70px); min-width:0; }
.dash-welcome { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.dash-welcome p,.panel-title p { color:var(--indigo); font-size:10px; font-weight:850; letter-spacing:1.2px; margin:0 0 7px; }
.dash-welcome h1 { font-size:36px; letter-spacing:-1.7px; margin:0 0 5px; }.dash-welcome > div > span { color:var(--muted); font-size:13px; }
.overall { width:75px; height:75px; border-radius:50%; border:7px solid #dce1ff; border-top-color:var(--indigo); background:white; display:grid; place-content:center; text-align:center; box-shadow:0 10px 30px rgba(29,50,83,.08); }
.overall strong { font-size:17px; }.overall span { font-size:8px; color:var(--muted); }
.dashboard-columns { display:grid; grid-template-columns:1.05fr .95fr; gap:20px; }
.todo-panel,.checkin-panel,.history-panel { background:white; border:1px solid var(--line); border-radius:20px; padding:25px; box-shadow:0 16px 45px rgba(28,50,80,.05); }
.panel-title { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.panel-title h2 { font-size:21px; letter-spacing:-.7px; margin:0; }.panel-title > span { color:var(--green); background:#eafaf4; border-radius:99px; padding:7px 10px; font-size:10px; font-weight:800; }
.task-list { display:grid; gap:9px; }
.task { width:100%; border:1px solid #e0e6ef; border-radius:13px; background:#fbfcfe; padding:13px; display:flex; text-align:left; gap:11px; align-items:center; color:var(--ink); }
.task i { width:24px; height:24px; border:2px solid #c5cfdd; border-radius:7px; display:grid; place-items:center; font-style:normal; flex:0 0 auto; }
.task > span { display:grid; gap:2px; font-size:13px; font-weight:700; }.task small { color:var(--indigo); font-size:8px; letter-spacing:.7px; text-transform:uppercase; }
.task.done { opacity:.62; background:#f1fbf7; }.task.done i { background:var(--green); border-color:var(--green); color:white; }.task.done > span { text-decoration:line-through; }
.microcopy { color:#9aa6b7; font-size:10px; margin:16px 0 0; }
.checkin-panel form { display:grid; gap:13px; }
.checkin-panel label,.year-select { display:grid; gap:6px; color:#425169; font-size:10px; font-weight:800; }
.checkin-panel label span { color:#9aa6b7; font-weight:500; }
.checkin-panel input,.checkin-panel select,.checkin-panel textarea,.year-select select { width:100%; border:1px solid #dce3ed; background:#fbfcfe; color:var(--ink); border-radius:10px; padding:11px; outline:none; }
.checkin-panel input:focus,.checkin-panel select:focus,.checkin-panel textarea:focus { border-color:var(--indigo); }
.checkin-panel textarea { resize:vertical; min-height:67px; }
.quick-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.checkin-panel form > button,.pledge-card > button { border:0; background:var(--indigo); color:white; border-radius:11px; padding:13px; font-weight:800; }
.save-message { margin:0; color:var(--green); font-size:11px; font-weight:700; }
.history-panel { margin-top:20px; }
.history-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.history-grid article { border:1px solid #e1e7f0; border-radius:11px; padding:12px; display:grid; gap:6px; }
.history-grid strong{font-size:13px}.history-grid span{font-size:10px;color:var(--indigo);font-weight:750}.history-grid small{font-size:8px;color:var(--muted);line-height:1.5}
.empty { color:var(--muted); font-size:12px; }
.pledge-page { min-height:100vh; background:linear-gradient(145deg,#06162c,#0c2c50); display:grid; place-items:center; padding:25px; }
.pledge-card { width:min(690px,100%); background:white; padding:38px; border-radius:24px; box-shadow:0 35px 100px rgba(0,0,0,.35); }
.pledge-card h1 { font-size:34px; letter-spacing:-1.5px; margin:14px 0; }.pledge-card > p { color:var(--muted); line-height:1.65; }
.pledge-card ul { padding:0; list-style:none; display:grid; gap:10px; margin:22px 0; }
.pledge-card li { position:relative; padding-left:27px; color:#3f4e65; font-size:13px; line-height:1.5; }.pledge-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.pledge-check { display:flex; gap:10px; align-items:flex-start; font-size:13px; font-weight:750; padding:14px; background:#f2f4ff; border-radius:11px; margin-bottom:14px; }
.pledge-check input { margin-top:2px; }
.year-select { margin-bottom:14px; }
.pledge-card > button { width:100%; }.pledge-card > button:disabled { opacity:.45; cursor:not-allowed; }
.pledge-card > small { display:block; text-align:center; color:#8d98a8; font-size:9px; margin-top:12px; }
.dash-label { color:var(--indigo)!important; font-size:9px; font-weight:850; letter-spacing:1.2px; margin-top:18px!important; }
.payment-card { width:min(620px,100%); background:white; padding:38px; border-radius:24px; box-shadow:0 35px 100px rgba(0,0,0,.35); }
.payment-card h1 { font-size:34px; letter-spacing:-1.5px; margin:14px 0 24px; }
.payment-summary { background:#f3f5ff; padding:16px; border-radius:13px; display:flex; justify-content:space-between; gap:15px; align-items:center; }
.payment-summary > div { display:grid; gap:4px; }.payment-summary span { font-size:13px; font-weight:800; }.payment-summary small { color:var(--muted); font-size:10px; }.payment-summary > strong { font-size:25px; color:var(--indigo); }
.upi-box { margin:14px 0; padding:18px; border:1px dashed #aab3e8; background:#fafaff; border-radius:13px; display:grid; gap:7px; text-align:center; }
.upi-box small { color:var(--indigo); font-size:10px; font-weight:900; letter-spacing:1px; }
.upi-box img { width:min(250px,100%); aspect-ratio:1/1; object-fit:cover; object-position:center; margin:5px auto; border-radius:13px; border:7px solid white; box-shadow:0 10px 30px rgba(16,35,63,.12); }
.upi-box strong { font-size:21px; }
.upi-box span { color:var(--muted); font-size:9px; line-height:1.5; max-width:360px; margin:0 auto; }
.upi-box a { color:white; background:var(--indigo); padding:10px; border-radius:9px; font-size:11px; font-weight:800; margin-top:4px; }
.payment-card form { display:grid; gap:13px; }.payment-card form label { display:grid; gap:6px; color:#425169; font-size:10px; font-weight:800; }
.payment-card input { width:100%; border:1px solid #dce3ed; background:#fbfcfe; color:var(--ink); border-radius:10px; padding:11px; }
.payment-card form button,.waiting-state button { border:0; background:var(--indigo); color:white; border-radius:11px; padding:13px; font-weight:800; }
.payment-card > small { display:block; text-align:center; color:#8d98a8; font-size:9px; margin-top:12px; }
.waiting-state { text-align:center; padding:24px; background:#f2f4ff; border-radius:16px; }.waiting-state strong { color:var(--indigo); }.waiting-state p { color:var(--muted); font-size:13px; line-height:1.6; }.waiting-state button { margin-top:8px; }

/* Private admin */
.admin-page { min-height:100vh; background:#f3f6fb; }
.admin-header { background:var(--navy); color:white; min-height:78px; padding:16px clamp(20px,5vw,70px); display:flex; justify-content:space-between; align-items:center; }
.admin-header > div { display:flex; gap:20px; align-items:center; }.admin-header p { color:#8094ac; font-size:10px; border-left:1px solid #29425f; padding-left:20px; }.admin-header > a { color:#a6b8cc; font-size:11px; }
.admin-content { padding:42px clamp(18px,5vw,70px); }
.admin-title { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; margin-bottom:28px; }.admin-title p { color:var(--indigo); font-size:9px; letter-spacing:1.3px; font-weight:900; }.admin-title h1 { font-size:36px; margin:5px 0 0; letter-spacing:-1.5px; }
.admin-stats { display:flex; gap:8px; }.admin-stats span { background:white; border:1px solid var(--line); border-radius:12px; padding:11px 14px; color:var(--muted); font-size:9px; display:grid; gap:3px; }.admin-stats strong { color:var(--ink); font-size:17px; }
.student-table { background:white; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 20px 60px rgba(29,50,80,.06); }
.table-head,.student-table article { display:grid; grid-template-columns:1.3fr .6fr .9fr 1fr .8fr; gap:14px; align-items:center; padding:14px 18px; }
.table-head { background:#eef2f7; color:#728096; font-size:9px; font-weight:850; letter-spacing:.7px; text-transform:uppercase; }
.student-table article { border-top:1px solid #e5eaf1; min-height:78px; }.student-table article > div { display:grid; gap:4px; min-width:0; }.student-table article strong { font-size:11px; }.student-table article small { color:var(--muted); font-size:8px; word-break:break-all; }.student-table article a { color:var(--indigo); font-size:9px; text-decoration:underline; }
.status { width:max-content; font-size:8px; text-transform:uppercase; padding:5px 7px; border-radius:99px; background:#eef1f5; }.status.approved{background:#e8f9f2;color:#17956b}.status.submitted{background:#fff3db;color:#a86400}.status.rejected{background:#ffebeb;color:#c43b3b}
.admin-actions { grid-template-columns:1fr 1fr!important; }.admin-actions button { border:0; background:#e8f9f2; color:#168b65; border-radius:8px; padding:8px 5px; font-size:8px; font-weight:800; }.admin-actions button.reject { background:#fff0f0; color:#c24848; }
.privacy-note { color:#7b899c; font-size:9px; margin-top:15px; }

@media(max-width:900px){
  .dashboard-page{grid-template-columns:1fr}.dash-sidebar{position:static;height:auto;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center}.dash-sidebar nav,.seat-card{display:none}.signout{margin:0}
  .dash-content{padding:28px 18px}.dashboard-columns{grid-template-columns:1fr}.history-grid{grid-template-columns:repeat(3,1fr)}
  .admin-title{display:grid}.admin-stats{flex-wrap:wrap}.student-table{overflow:auto}.table-head,.student-table article{min-width:850px}
}
@media(max-width:520px){
  .dash-welcome h1{font-size:28px}.overall{width:62px;height:62px}.quick-row{grid-template-columns:1fr}.todo-panel,.checkin-panel,.history-panel{padding:18px}.history-grid{grid-template-columns:1fr 1fr}.pledge-card,.payment-card{padding:25px 19px}.pledge-card h1,.payment-card h1{font-size:28px}.second-plan{display:grid}
}

/* 2026 premium redesign */
:root {
  --navy:#0b1f3a;
  --indigo:#1746c8;
  --cyan:#19bfd6;
  --green:#19a974;
  --orange:#ef7a3a;
  --ink:#10213e;
  --muted:#667085;
  --line:#e2e7f0;
  --paper:#fffdf9;
}
body { background:#fffdf9; }
.site-header {
  height:82px;
  max-width:none;
  background:rgba(255,253,249,.94);
  border-bottom:1px solid #edf0f5;
  box-shadow:none;
}
.brand { font-family:Georgia,"Times New Roman",serif; font-size:25px; letter-spacing:-.8px; }
.brand-mark { background:linear-gradient(145deg,#1746c8,#0b2f88); border-radius:50% 50% 14px 14px; box-shadow:0 10px 25px rgba(23,70,200,.17); }
.footer-logo { filter:brightness(0) invert(1); opacity:.96; }
.nav { font-size:13px; gap:31px; }
.header-cta { border-radius:8px; padding:14px 20px; background:#1746c8; box-shadow:0 10px 22px rgba(23,70,200,.18); font-size:13px; }
.hero {
  min-height:720px;
  color:var(--ink);
  background:
    radial-gradient(circle at 34% 20%,rgba(75,87,235,.09),transparent 30%),
    linear-gradient(110deg,#fffdf9 0%,#fffdf9 49%,#f6f8ff 49%,#f6f8ff 100%);
  padding:74px clamp(24px,5vw,76px) 0;
  grid-template-columns:minmax(430px,.94fr) minmax(540px,1.06fr);
  gap:70px;
  align-items:center;
}
.hero-glow { display:none; }
.hero-copy { padding-bottom:68px; position:relative; z-index:3; }
.hero .eyebrow { color:#1746c8; background:white; border-color:#cdd8ff; padding:9px 14px; font-size:10px; letter-spacing:1.7px; }
.hero h1 {
  max-width:720px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(54px,5.2vw,78px);
  font-weight:500;
  line-height:1.01;
  letter-spacing:-3.5px;
  margin:27px 0 24px;
}
.hero h1 em { color:#1746c8; }
.hero-copy > p { color:#59667a; font-size:18px; line-height:1.7; max-width:590px; margin-bottom:28px; }
.button { border-radius:9px; min-height:54px; padding:0 23px; }
.button.primary { background:#1746c8; box-shadow:0 13px 28px rgba(23,70,200,.2); }
.hero .button.secondary { background:white; border-color:#cbd5e7; color:#173057; }
.cohort-badge { width:max-content; max-width:100%; display:flex; gap:13px; align-items:center; margin-top:25px; padding:13px 17px; border:1px solid #f0a071; background:#fff9f3; border-radius:12px; }
.cohort-icon { width:42px; height:42px; border-radius:50%; background:#fff0e4; color:#db6324; display:grid; place-items:center; font-size:11px; font-weight:900; }
.cohort-badge p { margin:0; color:#687386; font-size:11px; line-height:1.5; }
.cohort-badge strong { color:#d75b20; text-transform:uppercase; letter-spacing:.6px; font-size:10px; }
.mentor-visual { align-self:stretch; position:relative; min-height:638px; border-radius:34px 0 0 0; overflow:hidden; box-shadow:-20px 28px 70px rgba(31,52,84,.11); background:url("/assets/neet-mentor-session.jpg") center center/cover no-repeat; }
.mentor-visual > img { width:100%; height:100%; object-fit:cover; display:block; opacity:0; }
.mentor-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(8,24,48,.26)); pointer-events:none; }
.visual-card { position:absolute; z-index:2; background:rgba(255,255,255,.96); border:1px solid rgba(255,255,255,.7); border-radius:16px; box-shadow:0 18px 55px rgba(10,30,57,.2); }
.weekly-card { left:8%; right:6%; bottom:176px; padding:17px; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; }
.visual-icon { width:42px; height:42px; border-radius:12px; background:#edf3ff; color:#1746c8; display:grid; place-items:center; font-size:22px; }
.weekly-card > div:nth-child(2) { display:grid; gap:4px; }
.weekly-card small,.review-card small { color:#1746c8; font-size:8px; letter-spacing:1.2px; font-weight:900; }
.weekly-card strong { font-size:12px; }
.weekly-card span { height:5px; background:#e6ebf5; border-radius:99px; overflow:hidden; }
.weekly-card span i { height:100%; display:block; background:#1746c8; border-radius:99px; }
.weekly-card b { color:#1746c8; font-size:19px; }
.review-card { right:6%; bottom:34px; width:64%; padding:18px; display:grid; gap:7px; }
.review-card strong { color:#1746c8; }
.review-card p { margin:0; padding:10px; background:#f5f7fb; border-radius:9px; color:#697588; font-size:10px; line-height:1.5; }
.proof-strip { padding:25px clamp(24px,6vw,95px); box-shadow:0 -8px 30px rgba(29,50,80,.04); position:relative; z-index:3; }
.proof-strip strong { color:#1746c8; }
.section { padding-top:120px; padding-bottom:120px; }
.section-intro h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; }
.feature-grid { border-radius:18px; box-shadow:0 24px 70px rgba(23,47,84,.07); }
.feature-grid article { background:white; }
.journey-section { background:linear-gradient(135deg,#0b1f3a,#0d2a4f); }
.timeline article { background:#102f56; }
.founder-section { background:#f5f7fb; }
.founder-card { border-radius:20px; }
.pricing-section { background:linear-gradient(135deg,#0b1f3a,#102e54); }
.price-card { border-radius:20px; }
.dashboard-page { background:#f5f7fb; }
.dash-sidebar { background:#0b1f3a; }
.todo-panel,.checkin-panel,.history-panel { border-radius:16px; box-shadow:0 15px 45px rgba(23,47,84,.055); }
.pledge-page { background:linear-gradient(145deg,#0b1f3a,#143e6d); }
.pledge-card,.payment-card { border-radius:20px; box-shadow:0 35px 100px rgba(0,0,0,.28); }
.payment-summary { background:#f1f4ff; }
.upi-box { background:#fbfcff; border:1px solid #d9e1f4; border-radius:16px; }

@media(max-width:1050px){
  .hero { grid-template-columns:1fr; padding-bottom:0; }
  .mentor-visual { min-height:620px; border-radius:28px 28px 0 0; }
}
@media(max-width:680px){
  .hero { padding:52px 18px 0; background:linear-gradient(180deg,#fffdf9,#f6f8ff); gap:38px; }
  .hero-copy { padding-bottom:0; }
  .hero h1 { font-size:47px; letter-spacing:-2.5px; }
  .mentor-visual { min-height:480px; margin:0 -18px; border-radius:24px 24px 0 0; }
  .weekly-card { left:16px; right:16px; bottom:148px; }
  .review-card { right:16px; left:54px; width:auto; bottom:20px; }
  .cohort-badge { width:100%; }
  .brand-logo { width:180px; height:45px; }
}

/* Dedicated authentication pages */
.login-page { min-height:100vh; display:grid; grid-template-columns:1.03fr .97fr; background:#f7f9fd; }
.login-brand-panel { padding:48px clamp(35px,7vw,105px); color:white; background:
  radial-gradient(circle at 18% 15%,rgba(32,202,226,.18),transparent 28%),
  linear-gradient(145deg,#0b1f3a,#103765); display:flex; flex-direction:column; justify-content:space-between; gap:55px; position:relative; overflow:hidden; }
.login-brand-panel::after { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-200px; bottom:-170px; box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018); }
.login-logo { width:max-content; background:white; border-radius:13px; padding:8px 13px; position:relative; z-index:1; }
.login-logo img { width:215px; height:50px; object-fit:contain; display:block; }
.login-brand-panel > div { position:relative; z-index:1; }
.login-kicker { color:#43d5e8; font-size:10px!important; font-weight:900; letter-spacing:1.7px; margin:0 0 17px!important; }
.login-brand-panel h1 { font-family:Georgia,"Times New Roman",serif; font-weight:500; font-size:clamp(45px,5vw,70px); line-height:1.04; letter-spacing:-3px; margin:0 0 24px; }
.login-brand-panel > div > p:last-child { color:#aebdd0; font-size:16px; line-height:1.8; max-width:600px; }
.login-benefits { display:flex; flex-wrap:wrap; gap:10px; }
.login-benefits span { padding:10px 13px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); border-radius:10px; color:#c6d2e0; font-size:10px; }
.login-benefits b { color:#43d5a4; margin-right:6px; }
.admin-brand-panel { background:radial-gradient(circle at 18% 15%,rgba(239,122,58,.13),transparent 28%),linear-gradient(145deg,#0a182c,#172842); }
.admin-brand-panel .login-kicker { color:#ffad7d; }
.login-form-panel { display:grid; place-items:center; padding:35px; }
.login-card { width:min(465px,100%); background:white; border:1px solid #e1e7f0; border-radius:22px; padding:38px; box-shadow:0 28px 80px rgba(23,47,84,.1); }
.login-icon { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; color:white; background:linear-gradient(135deg,#1746c8,#25bad5); font-weight:900; font-size:17px; margin-bottom:22px; }
.login-icon.admin { background:linear-gradient(135deg,#ef7a3a,#b94a16); }
.login-card .login-kicker { color:#1746c8; margin-bottom:9px!important; }
.login-card h2 { font-size:31px; letter-spacing:-1.3px; margin:0 0 10px; }
.login-card > p { color:#718096; font-size:12px; line-height:1.7; margin:0 0 24px; }
.login-primary,.login-secondary { width:100%; min-height:50px; border-radius:10px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:12px; font-weight:850; }
.login-primary { background:#1746c8; color:white; box-shadow:0 12px 25px rgba(23,70,200,.2); }
.login-secondary { border:1px solid #d7deea; color:#33425b; margin-top:9px; }
.login-secondary.strong { background:#fff5f2; border-color:#ffd4c9; color:#b84422; }
.signed-user { border:1px solid #dfe5ef; background:#f8faff; border-radius:12px; padding:14px; display:grid; gap:3px; margin-bottom:13px; }
.signed-user small { color:#1746c8; font-size:8px; letter-spacing:1px; font-weight:900; }.signed-user strong{font-size:13px}.signed-user span{color:#718096;font-size:10px;word-break:break-all}
.signed-user.approved { background:#f0fbf7; border-color:#ccefe1; }.signed-user.approved small{color:#168c65}
.access-denied { background:#fff3f1; border:1px solid #ffd5cf; border-radius:12px; padding:15px; margin-bottom:12px; }.access-denied strong{color:#b83d27}.access-denied p{font-size:10px;color:#805b55;margin:5px 0 0}
.login-security { display:flex; gap:10px; align-items:center; margin-top:22px; padding:13px; background:#f4f6fa; border-radius:11px; }
.login-security > span { color:#19a974; }.login-security p { margin:0; color:#7c899c; font-size:9px; line-height:1.5; }.login-security strong { color:#40506a; }
.back-home { display:block; text-align:center; color:#8290a4; font-size:10px; margin-top:20px; }
@media(max-width:850px){
  .login-page{grid-template-columns:1fr}.login-brand-panel{padding:30px 24px;gap:35px}.login-brand-panel h1{font-size:43px}.login-benefits{display:none}.login-form-panel{padding:24px 16px 45px}.login-card{padding:28px 22px}.login-logo img{width:185px}
}

/* cPanel asset-safe overrides */
.site-header .brand-logo{width:228px;height:56px;object-fit:contain;object-position:left center}
.mentor-visual{align-self:center;min-height:560px;margin:28px 0 32px;border-radius:28px;box-shadow:0 30px 80px rgba(23,47,84,.16);background:#e8edf5}
.mentor-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:1}
.mentor-visual::after{background:linear-gradient(180deg,transparent 48%,rgba(8,24,48,.18))}
.weekly-card{left:7%;right:7%;bottom:142px}.review-card{right:7%;bottom:24px;width:66%}
.feature-icon svg,.visual-icon svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-slider{height:70px;width:360px;overflow:hidden;box-shadow:0 12px 30px rgba(239,122,58,.12);position:relative}
.offer-window{height:44px;overflow:hidden;flex:1}
.offer-track{animation:offerSlide 9s cubic-bezier(.65,0,.35,1) infinite}
.offer-track p{height:44px;margin:0;display:flex;flex-direction:column;justify-content:center}
.offer-track strong{font-size:11px;color:#d7541a;letter-spacing:.7px;text-transform:uppercase}
.offer-track small{font-size:10px;color:#6d7685;margin-top:3px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ef7a3a;box-shadow:0 0 0 0 rgba(239,122,58,.5);animation:pulseDot 1.8s infinite}
@keyframes offerSlide{0%,22%{transform:translateY(0)}30%,52%{transform:translateY(-44px)}60%,82%{transform:translateY(-88px)}90%,100%{transform:translateY(-132px)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(239,122,58,.5)}70%{box-shadow:0 0 0 9px rgba(239,122,58,0)}100%{box-shadow:0 0 0 0 rgba(239,122,58,0)}}
@media(prefers-reduced-motion:reduce){.offer-track,.live-dot{animation:none}}
@media(max-width:680px){.site-header .brand-logo{width:178px;height:44px}.mentor-visual{min-height:440px;margin:0}.offer-slider{width:100%}.weekly-card{bottom:125px}.review-card{width:82%}}

/* Gen Z student login */
.genz-login-page{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(480px,1.04fr) minmax(430px,.96fr);background:#f4f3ff;color:#111326}
.genz-login-art{position:relative;min-height:720px;padding:70px clamp(38px,6vw,92px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(109,85,255,.48),transparent 27%),radial-gradient(circle at 88% 85%,rgba(78,230,230,.22),transparent 27%),linear-gradient(145deg,#111326,#202343)}
.genz-login-art::before{content:"";position:absolute;inset:0;opacity:.19;background-image:radial-gradient(rgba(255,255,255,.75) .7px,transparent .7px);background-size:20px 20px;mask-image:linear-gradient(120deg,#000,transparent 78%)}
.login-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:330px;height:330px;right:-170px;top:-150px;border:62px solid rgba(217,255,85,.11)}.orb-b{width:220px;height:220px;left:-130px;bottom:-120px;border:42px solid rgba(109,85,255,.2)}
.login-art-spark{position:absolute;right:15%;top:16%;color:#d9ff55;font-size:38px;animation:loginSpark 3.2s ease-in-out infinite}
.genz-login-copy,.login-mini-board,.login-art-trust{position:relative;z-index:2}
.genz-login-copy{max-width:650px}.genz-login-copy .login-kicker{display:flex;align-items:center;gap:8px;color:#a8accc}.genz-login-copy .login-kicker i{width:8px;height:8px;border-radius:50%;background:#4ee6e6;box-shadow:0 0 0 6px rgba(78,230,230,.1)}
.genz-login-copy h1{margin:17px 0 20px;font:850 clamp(52px,5.3vw,78px)/.95 "Inter",Arial,sans-serif;letter-spacing:-.065em}
.genz-login-copy h1 em{font-style:normal;background:linear-gradient(90deg,#d9ff55,#4ee6e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.genz-login-copy>p{max-width:570px;margin:0;color:#b4b7ce;font-size:15px;line-height:1.75}
.login-mini-board{width:min(590px,100%);margin-top:38px;padding:17px;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:rgba(255,255,255,.075);box-shadow:12px 12px 0 rgba(109,85,255,.16);backdrop-filter:blur(18px)}
.login-board-head{display:flex;align-items:center;justify-content:space-between;padding:1px 3px 13px;color:#c9cbda;font-size:9px;font-weight:800}.login-board-head b{padding:5px 7px;border-radius:99px;background:#d9ff55;color:#111326;font-size:7px}
.login-mini-board article{padding:13px;border-radius:14px;background:#fff;color:#111326;display:grid;grid-template-columns:4px 1fr auto;gap:12px;align-items:center}.login-mini-board article>i{height:35px;border-radius:99px;background:#6d55ff}.login-mini-board article>div{display:grid;gap:4px}.login-mini-board article small{color:#6d55ff;font-size:7px;font-weight:900}.login-mini-board article strong{font-size:11px}.login-mini-board article>span{width:30px;height:30px;border-radius:9px;background:#efedff;display:grid;place-items:center;color:#6d55ff}
.login-board-stats{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-board-stats>div{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.055);display:grid;gap:3px}.login-board-stats small{color:#8589a7;font-size:7px;font-weight:850}.login-board-stats strong{font-size:16px}
.login-art-trust{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.login-art-trust span{padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:99px;color:#9ea2ba;font-size:8px;font-weight:750}
.genz-login-form-panel{padding:45px;display:grid;place-items:center;background:radial-gradient(circle at 85% 10%,rgba(78,230,230,.18),transparent 24%),#f4f3ff}
.genz-login-card{width:min(480px,100%);padding:40px;border:1px solid rgba(17,19,38,.1);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:14px 14px 0 rgba(109,85,255,.14),0 28px 80px rgba(43,39,87,.1);backdrop-filter:blur(20px)}
.login-card-top{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-card-top .login-icon{width:48px;height:48px;margin:0;border-radius:15px;background:#111326;box-shadow:5px 5px 0 #d9ff55}.login-card-top>div:last-child{display:grid;gap:3px}.login-card-top small{color:#6d55ff;font-size:7px;letter-spacing:1.2px;font-weight:900}.login-card-top strong{font-size:13px}
.genz-login-card h2{margin:0 0 8px;font-size:34px;letter-spacing:-1.5px}.genz-login-card>p{margin:0 0 25px;color:#76798f;font-size:11px}
.genz-login-card form{display:grid;gap:15px}.genz-login-card form label{display:grid;gap:7px;margin:0}.genz-login-card form label>span{color:#51546a;font-size:9px;font-weight:800}
.genz-login-card input{min-height:52px;padding:0 15px;border:1px solid rgba(17,19,38,.12);border-radius:13px;background:#fafaff;color:#111326;font-size:12px}.genz-login-card input:focus{border-color:#6d55ff;box-shadow:0 0 0 4px rgba(109,85,255,.1)}
.genz-login-card form button{min-height:53px;margin-top:3px;border-radius:13px;background:#111326;box-shadow:6px 6px 0 #d9ff55;font-size:11px}.genz-login-card form button:hover{background:#6d55ff;transform:translate(-1px,-1px)}
.genz-login-card form button span{margin-left:7px}
.login-safe-note{margin-top:24px;padding:12px;border:1px solid rgba(17,19,38,.07);border-radius:13px;background:#f4f3ff;display:flex;align-items:center;gap:10px}.login-safe-note>span{width:34px;height:34px;border-radius:10px;background:#e7fffb;color:#159c91;display:grid;place-items:center;font-weight:900}.login-safe-note p{margin:0;color:#74778c;font-size:8px;line-height:1.55}.login-safe-note strong{color:#3f4258}
.login-register{margin:20px 0 0!important;text-align:center!important}.login-register a{color:#6d55ff;font-weight:850}.login-home-link{display:block;margin-top:15px;text-align:center;color:#9294a4;font-size:8px;font-weight:700}
@keyframes loginSpark{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(14deg)}}
@media(max-width:900px){.genz-login-page{grid-template-columns:1fr}.genz-login-art{min-height:auto;padding:55px 28px}.genz-login-copy h1{font-size:55px}.login-mini-board{max-width:620px}.genz-login-form-panel{padding:42px 18px 65px}}
@media(max-width:560px){
 .genz-login-art{padding:42px 18px 36px}.genz-login-copy h1{font-size:45px;letter-spacing:-2.5px}.genz-login-copy>p{font-size:12px}
 .login-mini-board{margin-top:27px;padding:12px;border-radius:18px}.login-board-stats>div{padding:8px}.login-board-stats strong{font-size:13px}.login-art-trust{display:none}
 .genz-login-form-panel{padding:30px 14px 55px}.genz-login-card{padding:27px 20px;border-radius:22px;box-shadow:7px 7px 0 rgba(109,85,255,.14)}
 .genz-login-card h2{font-size:29px}.genz-login-card input{min-height:50px}
}