:root{--bg:#0f1720;--card:#ffffff;--muted:#6b7280;--accent:#6ee7b7;--accent-2:#60a5fa}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;color:var(--bg)}
body{background:linear-gradient(180deg,#f7fbff 0%, #eef2ff 100%);color:#0f1720;-webkit-font-smoothing:antialiased}
.wrap{max-width:900px;margin:0 auto;padding:2rem}
.site-header{background:transparent;padding:1rem 0}
.site-title{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:0.4px}
.site-nav{display:inline-flex;align-items:center;gap:1rem;float:right}
.site-nav a{color:inherit;text-decoration:none;font-weight:600;opacity:0.85}
.nav-dropdown{position:relative}
.nav-dropdown-trigger{background:none;border:none;color:inherit;font:inherit;font-weight:600;opacity:0.85;cursor:pointer;padding:0;display:inline-flex;align-items:center}
.nav-dropdown-trigger:hover{opacity:1}
.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;margin-top:0.25rem;padding:0.5rem 0;background:linear-gradient(180deg,rgba(255,255,255,0.98),#fff);border-radius:8px;box-shadow:0 8px 24px rgba(15,23,32,0.12);display:none;z-index:10}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:0.5rem 1rem;color:inherit;text-decoration:none;font-weight:600;opacity:0.85;white-space:nowrap}
.nav-dropdown-menu a:hover{opacity:1;background:rgba(15,23,32,0.06)}
.main-card{background:linear-gradient(180deg,rgba(255,255,255,0.85),#fff);border-radius:12px;padding:2.5rem;box-shadow:0 8px 30px rgba(15,23,32,0.08);margin-top:1rem}
.hero h2{margin-top:0;font-size:1.6rem}
.lead{font-size:1.05rem;color:#334155;line-height:1.6}
.about{margin-top:1.5rem;color:#334155}
.actions{margin-top:1rem}
.btn{display:inline-block;background:var(--accent);color:#042024;padding:0.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:700;margin-right:0.5rem}
.btn-outline{background:transparent;border:2px solid rgba(6,95,70,0.08);color:var(--accent-2);font-weight:700}
.site-footer{padding:2rem 0;text-align:center;color:var(--muted);font-size:0.9rem}
@media (max-width:640px){.wrap{padding:1rem}.site-nav{float:none;margin-top:0.5rem}.hero h2{font-size:1.25rem}}