@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#081426;--ink:#101828;--muted:#667085;--paper:#f5f7fa;--white:#fff;--line:#e3e8ef;--blue:#3767e8;--mint:#54d6bd;--max:1220px;--shadow:0 24px 70px rgba(15,23,42,.1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:760px}a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,20,38,.95)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand>b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--blue)}.brand span{display:flex;flex-direction:column}.brand small{color:#9ba9ba;font-size:.65rem;text-transform:uppercase}.links{display:flex;gap:20px;align-items:center}.links a{color:#c8d0dc;text-decoration:none;font-size:.88rem;font-weight:600}.pill{background:#fff;color:var(--navy)!important;padding:9px 14px;border-radius:999px}.menu{display:none;background:none;border:0;color:#fff;font-size:1.4rem}
.hero,.page-hero,.guide-hero,.dash-hero{background:var(--navy);color:#fff}.hero{padding:90px 0}.hero-grid,.two{display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}.eyebrow{color:var(--blue);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.eyebrow.light{color:var(--mint)}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.08}.hero h1,.page-hero h1,.guide-hero h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.06em;margin:15px 0}.hero p,.page-hero p,.guide-hero p{color:#b5c0cf;font-size:1.05rem}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;border:0;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:var(--blue);color:#fff}.ghost{border:1px solid rgba(255,255,255,.2);color:#fff}.white{background:#fff;color:var(--navy)}.hero aside,.preview{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.06)}.hero li{margin:18px 0}.hero li span{display:block;color:#9eabba;font-size:.82rem}
.roles,.guides,.directory,.explore,.dashboard,.form-page{padding:75px 0}.guides{background:#fff}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.heading h2{font-size:clamp(2rem,4vw,3.4rem);margin:0}.heading>a{color:var(--blue);text-decoration:none}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.role-grid a{min-height:250px;padding:22px;border-radius:21px;text-decoration:none;background:#dcd8ff}.role-grid a:nth-child(2){background:#54d6bd}.role-grid a:nth-child(3){background:#f5d96d}.role-grid a:nth-child(4){background:#ffd8c2}.role-grid h3{margin-top:45px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guide-card{display:flex;flex-direction:column;min-height:310px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.guide-card p{color:var(--muted);font-size:.86rem}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.meta span{padding:4px 7px;border-radius:999px;background:#f1f4f7;font-size:.65rem}.guide-card>a{margin-top:16px;color:var(--blue);font-weight:700;text-decoration:none}.remember{padding:85px 0;background:var(--navy);color:#fff}.remember h2{font-size:clamp(2.5rem,5vw,4.5rem)}.remember p{color:#aab5c3}
footer{padding:50px 0;background:#050b14;color:#fff}.foot{display:flex;justify-content:space-between}.foot p{color:#8491a3}.foot div:last-child{display:flex;gap:18px}.foot a{color:#9aa6b6;text-decoration:none}
.page-hero{padding:65px 0}.page-hero.small{padding:55px 0}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.directory-grid a{padding:24px;border:1px solid var(--line);border-radius:19px;background:#fff;text-decoration:none}.directory-grid a span{color:var(--blue)}.explore-grid{display:grid;grid-template-columns:210px 1fr;gap:35px}.explore aside{display:flex;flex-direction:column;gap:7px}.explore aside a{padding:8px 10px;border-radius:9px;text-decoration:none}.explore aside a.active{background:#eaf0ff;color:var(--blue)}#guideSearch{padding:10px 14px;border:1px solid var(--line);border-radius:999px}
.guide-hero{padding:60px 0}.facts{display:grid;gap:9px}.facts span{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:12px}.facts b{display:block}.guide-body{padding:60px 0}.body-grid{display:grid;grid-template-columns:1fr 280px;gap:40px}.guide-body article,.guide-body aside,.auth-card,.form-card,.onboard form,.review{padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff}.guide-body blockquote{padding:18px;border-left:4px solid var(--blue);background:#eef3ff}.safe{padding:15px;background:#fff4ce}.guide-body aside form{display:grid;gap:8px}.guide-body aside button{padding:10px;border:0;border-radius:10px}
.auth{min-height:75vh;padding:75px max(20px,calc((100% - 1100px)/2));display:grid;grid-template-columns:1fr 440px;gap:65px;align-items:center}.auth h1{font-size:clamp(3rem,6vw,5rem)}.auth-card label,.form-card label{display:block;margin-bottom:16px;font-weight:700}.auth-card input,.form-card input,.form-card textarea{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:10px}.notice{padding:16px;border-radius:12px;background:#e9f7ee}.notice.error{background:#fff0f2;color:#9f1239}.onboard{padding:65px 0}.onboard h1{font-size:clamp(3rem,5vw,5rem)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.choices label{padding:15px;border:1px solid var(--line);border-radius:12px}.choices input{display:none}.choices label.selected{background:#eaf0ff;border-color:var(--blue)}.dash-hero{padding:50px 0}.dash-hero h1{font-size:4rem;margin:8px 0}.heading.second{margin-top:60px}.empty{grid-column:1/-1;padding:35px;border:1px dashed #c9d1dd;border-radius:18px}.review{margin-bottom:14px}
@media(max-width:900px){.hero-grid,.two,.auth,.body-grid{grid-template-columns:1fr}.role-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.explore-grid{grid-template-columns:1fr}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--max))}.menu{display:block}.links{display:none;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;background:#102039;padding:15px;border-radius:14px}.links.open{display:flex}.role-grid,.guide-grid,.directory-grid,.choices{grid-template-columns:1fr}.heading,.foot{align-items:flex-start;flex-direction:column}.hero h1{font-size:3.7rem}}