:root{
  --bg:#f6fbff;
  --bg-soft:#eef7ff;
  --surface:#ffffff;
  --surface-2:#f6fbff;
  --surface-3:#eef5ff;
  --text:#10253e;
  --muted:#5f728b;
  --line:#dce8f6;
  --primary:#2563eb;
  --primary-2:#4f46e5;
  --secondary:#14b8a6;
  --accent:#f59e0b;
  --accent-2:#ec4899;
  --success:#16a34a;
  --danger:#dc2626;
  --warning:#d97706;
  --shadow:0 18px 60px rgba(37,99,235,.12);
  --shadow-soft:0 12px 36px rgba(15,23,42,.06);
  --radius:24px;
}
html[data-theme=dark]{
  --bg:#081120;
  --bg-soft:#0d1830;
  --surface:#101d33;
  --surface-2:#13223b;
  --surface-3:#182a47;
  --text:#edf4ff;
  --muted:#a8bdd7;
  --line:#243856;
  --primary:#7aa2ff;
  --primary-2:#9f8cff;
  --secondary:#35d6c4;
  --accent:#ffd166;
  --accent-2:#ff80bf;
  --success:#61d695;
  --danger:#ff9b9b;
  --warning:#ffd089;
  --shadow:0 18px 60px rgba(0,0,0,.28);
  --shadow-soft:0 12px 36px rgba(0,0,0,.20);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 10%, color-mix(in srgb,var(--accent) 18%, transparent), transparent 28%),radial-gradient(circle at 92% 14%, color-mix(in srgb,var(--secondary) 16%, transparent), transparent 24%),radial-gradient(circle at 82% 88%, color-mix(in srgb,var(--accent-2) 14%, transparent), transparent 24%),linear-gradient(180deg,var(--bg),var(--bg-soft));color:var(--text);font-family:"Estedad",Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}html,body,button,input,select,textarea{font-family:"Estedad",Tahoma,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}.shell{width:min(1200px,calc(100% - 28px));margin-inline:auto}.narrow{max-width:820px}.narrow-wide{max-width:980px}.full{grid-column:1/-1}.desktop-only{display:none}.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 82%, transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 78%, transparent);backdrop-filter:blur(18px)}.nav-wrap{display:flex;align-items:center;gap:16px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-logo{width:50px;height:50px;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px rgba(37,99,235,.16))}.brand strong,.brand small{display:block}.brand strong{font-size:14px;font-weight:900}.brand small{font-size:10px;color:var(--muted)}.nav{display:none;gap:18px;font-size:13px;color:var(--muted)}.nav a,.btn,.eyebrow,.footer-links a,.hero-chip,.theme-pill,.stat-badge{display:inline-flex;align-items:center;gap:8px}.nav a{position:relative;font-weight:700}.nav a::after{content:"";position:absolute;right:0;left:0;bottom:-12px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:.22s ease}.nav a:hover{color:var(--primary)}.nav a:hover::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions form{margin:0}.btn{justify-content:center;min-height:44px;padding:10px 16px;border-radius:15px;border:1px solid transparent;cursor:pointer;transition:.2s ease;font-weight:800;font-size:13px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 26%, transparent)}html[data-theme=dark] .btn-primary{color:#081120}.btn-primary:hover{transform:translateY(-2px) scale(1.01)}.btn-ghost{background:color-mix(in srgb,var(--surface) 88%, transparent);border-color:var(--line);color:var(--text)}.btn-ghost:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 36%, var(--line))}.btn-soft{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--warning);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.btn-lg{min-height:52px;padding-inline:22px;border-radius:18px}.btn-block{width:100%}.icon-btn{width:44px;height:44px;border-radius:15px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%, transparent);color:var(--text);cursor:pointer;display:grid;place-items:center}.theme-icon{display:grid;place-items:center}.theme-icon .ui-icon{width:18px;height:18px}.theme-sun{display:none}html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:grid}.ui-icon{width:1.08em;height:1.08em;display:inline-block;flex:0 0 auto;vertical-align:-.16em}.alert{margin-top:16px;padding:12px 16px;border-radius:16px;font-size:13px;border:1px solid transparent}.alert-error{background:color-mix(in srgb,var(--danger) 10%, var(--surface));border-color:color-mix(in srgb,var(--danger) 28%, var(--line));color:var(--danger)}.alert-success{background:color-mix(in srgb,var(--success) 10%, var(--surface));border-color:color-mix(in srgb,var(--success) 28%, var(--line));color:var(--success)}.hero{padding:42px 0 34px;overflow:hidden}.hero-grid{display:grid;gap:24px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.02em;color:var(--primary);padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%, var(--surface))}.hero h1,.section-head h1,.section-head h2{margin:0;line-height:1.35}.hero h1{font-size:clamp(2.05rem,7vw,4.05rem);letter-spacing:-.04em}.hero-copy p{font-size:14px;color:var(--muted);margin:16px 0 22px;max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-note{margin-top:14px;color:var(--muted);font-size:12px}.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-chip,.theme-pill,.stat-badge{padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%, transparent);color:var(--text)}.hero-visual{position:relative;border-radius:34px;padding:22px;min-height:360px;background:radial-gradient(circle at 75% 20%, color-mix(in srgb,var(--accent) 20%, transparent), transparent 26%),radial-gradient(circle at 25% 25%, color-mix(in srgb,var(--secondary) 20%, transparent), transparent 28%),linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%, transparent),color-mix(in srgb,var(--surface-3) 84%, transparent));border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.float-blob{position:absolute;border-radius:50%;filter:blur(1px);opacity:.78;animation:floatBlob 8s ease-in-out infinite}.float-a{width:160px;height:160px;top:-40px;right:-28px;background:color-mix(in srgb,var(--primary) 20%, transparent)}.float-b{width:120px;height:120px;bottom:46px;left:-25px;background:color-mix(in srgb,var(--accent-2) 18%, transparent);animation-delay:1.2s}.float-c{width:90px;height:90px;bottom:-18px;right:40px;background:color-mix(in srgb,var(--secondary) 22%, transparent);animation-delay:2s}.school-emblem{position:absolute;inset:26px auto auto 24px;width:118px;height:118px;display:grid;place-items:center;opacity:.12;pointer-events:none}.school-emblem img{width:100%;height:100%;object-fit:contain}.hero-spotlight{position:relative;z-index:2;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:28px;padding:20px;backdrop-filter:blur(10px)}.hero-spotlight h3{margin:0 0 8px;font-size:18px}.hero-spotlight p{margin:0;color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.stat-card{background:color-mix(in srgb,var(--surface) 88%, transparent);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-soft)}.stat-card strong,.stat-card span,.stat-card small{display:block}.stat-card strong{font-size:26px;line-height:1.2;margin-bottom:4px}.stat-card span{font-size:12px;font-weight:900}.stat-card small{font-size:10px;color:var(--muted)}.stat-card.primary strong{color:var(--primary)}.stat-card.secondary strong{color:var(--secondary)}.stat-card.accent strong{color:var(--warning)}.stat-card.pink strong{color:var(--accent-2)}.section{padding:50px 0}.section-head{margin-bottom:22px}.section-head p{margin:8px 0 0;color:var(--muted);font-size:13px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-card{position:relative;overflow:hidden;padding:18px;min-height:176px;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);transition:.22s ease}.module-card:hover,.value-card:hover,.feature-card:hover,.admin-module:hover{transform:translateY(-4px)}.module-card::before{content:"";position:absolute;inset:auto -20px -28px auto;width:120px;height:120px;border-radius:50%;background:color-mix(in srgb,var(--primary) 8%, transparent)}.module-card.is-active{border-color:color-mix(in srgb,var(--primary) 40%, var(--line));box-shadow:0 18px 44px color-mix(in srgb,var(--primary) 12%, transparent)}.module-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%, var(--surface)),color-mix(in srgb,var(--secondary) 18%, var(--surface)));color:var(--primary)}.module-icon .ui-icon{width:22px;height:22px}.module-card h3{font-size:14px;margin:14px 0 6px}.module-card p{margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.9}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;background:color-mix(in srgb,var(--secondary) 12%, var(--surface));color:var(--secondary)}.card-link{position:absolute;inset:0;z-index:2}.value-grid,.feature-grid{display:grid;gap:12px}.value-card,.feature-card{padding:18px;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);transition:.22s ease}.value-card .module-icon,.feature-card .module-icon{margin-bottom:12px}.value-card h3,.feature-card h3{margin:0 0 8px;font-size:15px}.value-card p,.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:2}.value-strip{display:grid;gap:10px;margin-top:16px}.value-banner{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%, var(--surface)),color-mix(in srgb,var(--secondary) 9%, var(--surface)))}.value-banner h3{margin:0 0 5px;font-size:16px}.value-banner p{margin:0;color:var(--muted);font-size:12px}.value-banner .module-icon{flex:0 0 auto}.auth-section{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:34px 14px}.auth-card{width:min(100%,500px);background:color-mix(in srgb,var(--surface) 95%, transparent);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.auth-wide{width:min(100%,760px)}.auth-head{text-align:center;margin-bottom:20px}.auth-head h1{font-size:24px;margin:0}.auth-head p{color:var(--muted);font-size:12px;margin:7px 0}.form-stack,.form-grid{display:grid;gap:14px}.form-grid{grid-template-columns:1fr}.form-stack label,.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.form-stack input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text);outline:none;transition:.2s ease}.form-stack input,.form-grid input,.form-grid select{height:52px;padding:0 14px}.form-grid textarea{padding:12px 14px;resize:vertical;min-height:110px}.form-stack input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%, transparent)}.privacy-note,.dev-note{background:color-mix(in srgb,var(--surface-3) 80%, transparent);border:1px solid var(--line);border-radius:16px;padding:11px 13px;color:var(--muted);font-size:11px}.dev-note{margin-top:14px}.dev-note code{direction:ltr;unicode-bidi:embed}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:11px;color:var(--primary);font-weight:800}.otp-field{text-align:center;direction:ltr;letter-spacing:12px;font-size:28px!important;font-weight:900}.form-page{padding-top:34px}.form-card{background:color-mix(in srgb,var(--surface) 95%, transparent);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}.application-head{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:22px}.application-head .eyebrow{justify-content:center}.form-section-title{display:flex;align-items:center;gap:11px;margin:8px 0 16px;padding-top:8px}.form-section-title>span{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-weight:900}.form-section-title strong,.form-section-title small{display:block}.form-section-title strong{font-size:13px}.form-section-title small{font-size:10px;color:var(--muted);margin-top:1px}.required,.req{color:var(--danger);font-weight:900}.consent-row{display:flex;gap:10px;align-items:flex-start;background:color-mix(in srgb,var(--surface-3) 82%, transparent);border:1px solid var(--line);border-radius:16px;padding:12px 13px;margin:18px 0;font-size:11px;color:var(--muted)}.consent-row input{margin-top:4px;accent-color:var(--primary)}.success-card{text-align:center;background:color-mix(in srgb,var(--surface) 94%, transparent);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.success-card h1{font-size:26px;margin:4px 0 8px}.success-card>p{color:var(--muted);font-size:13px}.success-icon{width:70px;height:70px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 15%, var(--surface)),color-mix(in srgb,var(--secondary) 16%, var(--surface)));color:var(--success);display:grid;place-items:center;margin:0 auto 14px}.success-icon .ui-icon{width:34px;height:34px}.tracking-box{margin:20px auto;max-width:500px;background:var(--bg-soft);border:1px dashed color-mix(in srgb,var(--primary) 55%, var(--line));border-radius:18px;padding:18px}.tracking-box span,.tracking-box small{display:block;color:var(--muted);font-size:11px}.tracking-box strong{display:block;direction:ltr;font-size:clamp(22px,5vw,34px);color:var(--primary);letter-spacing:.04em;margin:4px 0}.success-meta{font-size:12px;margin-bottom:18px}.hero-actions.center{justify-content:center}.account-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%, transparent),color-mix(in srgb,var(--surface-3) 80%, transparent));border:1px solid var(--line);border-radius:28px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.avatar{width:62px;height:62px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--accent-2));color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900}.account-hero h1{margin:0;font-size:22px}.account-hero p{margin:2px 0;color:var(--muted);font-size:11px}.status-pill{margin-right:auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);font-size:10px;font-weight:900}.dashboard-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dash-card,.stat-card-mini{background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-soft)}.dash-card span,.stat-card-mini span{color:var(--muted);font-size:10px}.dash-card strong,.stat-card-mini strong{display:block;font-size:18px;margin:4px 0}.dash-card p{font-size:10px;color:var(--muted);margin:0}.stat-card-mini strong{font-size:28px;color:var(--primary)}.admin-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.admin-module{display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow-soft);transition:.22s ease}.admin-module span{font-size:12px;font-weight:800}.admin-module small{font-size:9px;color:var(--muted)}.admin-module.is-live{border-color:color-mix(in srgb,var(--primary) 36%, var(--line))}.health-list{display:grid;gap:9px}.health-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px solid var(--line);border-radius:18px}.health-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex:0 0 auto}.health-item.ok .health-dot{background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 12%,transparent)}.health-item.bad .health-dot{background:var(--danger)}.health-item div{flex:1}.health-item strong,.health-item small{display:block}.health-item small{font-size:10px;color:var(--muted)}.health-item>b{font-size:10px;color:var(--muted)}.empty-state,.empty-box{text-align:center;background:color-mix(in srgb,var(--surface) 92%, transparent);border:1px dashed var(--line);border-radius:24px;padding:34px;color:var(--muted)}.error-code{font-size:60px;font-weight:900;color:var(--primary)}.site-footer{margin-top:26px;border-top:1px solid var(--line);background:radial-gradient(circle at 85% 10%, color-mix(in srgb,var(--primary) 10%, transparent), transparent 28%),radial-gradient(circle at 15% 80%, color-mix(in srgb,var(--accent) 12%, transparent), transparent 28%),color-mix(in srgb,var(--surface) 82%, var(--bg));padding:0}.footer-main{display:grid;gap:24px;padding-block:34px}.footer-brand{display:flex;gap:14px;align-items:center;background:color-mix(in srgb,var(--surface) 78%, transparent);border:1px solid var(--line);border-radius:24px;padding:16px}.footer-brand img{width:60px;height:60px;object-fit:contain}.footer-brand strong{font-size:14px}.footer-brand p{max-width:380px;color:var(--muted);font-size:11px;line-height:1.9;margin:4px 0}.footer-card{background:color-mix(in srgb,var(--surface) 78%, transparent);border:1px solid var(--line);border-radius:24px;padding:18px}.footer-card h3{margin:0 0 10px;font-size:12px}.footer-card p{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.9;margin:8px 0}.footer-card p .ui-icon{color:var(--primary);margin-top:4px;width:16px;height:16px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.footer-links a{font-size:11px;color:var(--muted);font-weight:700}.footer-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--line);padding-block:16px;display:flex;flex-direction:column;gap:5px}.footer-bottom p{margin:0;font-size:10px;color:var(--muted)}.footer-dot{margin-inline:6px;color:var(--primary)}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .45s ease, transform .45s ease}[data-reveal].is-visible{opacity:1;transform:none}@keyframes floatBlob{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(6px)}}@media(min-width:680px){.desktop-only{display:inline-flex}.form-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.value-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(5,1fr)}.admin-modules{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1.1fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}.auth-card{padding:30px}.form-card{padding:26px}}@media(min-width:960px){.nav{display:flex}.hero{padding:66px 0 46px}.hero-grid{grid-template-columns:1.06fr .94fr}.hero-visual{min-height:430px;padding:30px}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v0.5.1 — vibrant educational theme */
:root{
  --school-blue:#2f6df6;
  --school-cyan:#12b8c4;
  --school-green:#20b46a;
  --school-yellow:#ffb703;
  --school-orange:#ff7a33;
  --school-pink:#f23c8b;
  --school-purple:#7c5cff;
}
body{
  background:
    radial-gradient(circle at 7% 8%, rgba(255,183,3,.22), transparent 22%),
    radial-gradient(circle at 94% 14%, rgba(18,184,196,.20), transparent 22%),
    radial-gradient(circle at 86% 86%, rgba(242,60,139,.16), transparent 22%),
    radial-gradient(circle at 18% 88%, rgba(124,92,255,.13), transparent 24%),
    linear-gradient(180deg,#fbfdff 0%,#f3f9ff 48%,#fff9f1 100%);
}
html[data-theme=dark] body{
  background:
    radial-gradient(circle at 9% 8%, rgba(255,183,3,.12), transparent 22%),
    radial-gradient(circle at 92% 14%, rgba(18,184,196,.14), transparent 24%),
    radial-gradient(circle at 84% 90%, rgba(242,60,139,.11), transparent 22%),
    linear-gradient(180deg,#07101f,#0a1730 55%,#11192c);
}
.site-header{box-shadow:0 10px 38px rgba(36,82,140,.06)}
.brand-logo{background:linear-gradient(145deg,#fff,#eff8ff);border-radius:17px;padding:5px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}
.btn-primary{background:linear-gradient(135deg,#1565ff 0%,#7058ff 55%,#f23c8b 130%);box-shadow:0 14px 34px rgba(53,92,239,.24)}
.hero-visual{background:radial-gradient(circle at 82% 18%,rgba(255,183,3,.30),transparent 25%),radial-gradient(circle at 18% 25%,rgba(18,184,196,.27),transparent 30%),radial-gradient(circle at 78% 84%,rgba(242,60,139,.20),transparent 28%),linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface-3) 82%,transparent));border-color:color-mix(in srgb,var(--primary) 22%,var(--line))}
.hero-spotlight{box-shadow:0 20px 55px rgba(47,109,246,.10)}
.module-card,.value-card,.feature-card,.form-card,.auth-card{border-color:color-mix(in srgb,var(--primary) 15%,var(--line))}
.module-card:nth-child(7n+1) .module-icon{background:linear-gradient(135deg,#e9f1ff,#dce9ff);color:#2f6df6}.module-card:nth-child(7n+2) .module-icon{background:linear-gradient(135deg,#e4fbf8,#d8f8f0);color:#0ea68e}.module-card:nth-child(7n+3) .module-icon{background:linear-gradient(135deg,#fff3d2,#ffe8aa);color:#cc8500}.module-card:nth-child(7n+4) .module-icon{background:linear-gradient(135deg,#ffe8f3,#ffd5e8);color:#e23683}.module-card:nth-child(7n+5) .module-icon{background:linear-gradient(135deg,#eee9ff,#e4dcff);color:#7058ff}.module-card:nth-child(7n+6) .module-icon{background:linear-gradient(135deg,#e6f9e9,#d7f5df);color:#16954f}.module-card:nth-child(7n+7) .module-icon{background:linear-gradient(135deg,#fff0e7,#ffe0cf);color:#ef6c28}
.module-card:nth-child(7n+1){border-top:4px solid #2f6df6}.module-card:nth-child(7n+2){border-top:4px solid #12b8c4}.module-card:nth-child(7n+3){border-top:4px solid #ffb703}.module-card:nth-child(7n+4){border-top:4px solid #f23c8b}.module-card:nth-child(7n+5){border-top:4px solid #7c5cff}.module-card:nth-child(7n+6){border-top:4px solid #20b46a}.module-card:nth-child(7n+7){border-top:4px solid #ff7a33}
.value-card:nth-child(1){background:linear-gradient(145deg,color-mix(in srgb,#2f6df6 8%,var(--surface)),var(--surface))}.value-card:nth-child(2){background:linear-gradient(145deg,color-mix(in srgb,#12b8c4 9%,var(--surface)),var(--surface))}.value-card:nth-child(3){background:linear-gradient(145deg,color-mix(in srgb,#f23c8b 8%,var(--surface)),var(--surface))}.value-card:nth-child(4){background:linear-gradient(145deg,color-mix(in srgb,#ffb703 11%,var(--surface)),var(--surface))}
.value-banner{background:linear-gradient(135deg,color-mix(in srgb,#ffb703 15%,var(--surface)),color-mix(in srgb,#12b8c4 10%,var(--surface)),color-mix(in srgb,#7c5cff 8%,var(--surface)))}
@media(max-width:679px){.hero{padding-top:28px}.hero h1{font-size:2.25rem}.hero-visual{min-height:330px;border-radius:28px}.module-card{min-height:164px;padding:15px}.module-grid{gap:10px}}
