*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081425;color:#f1f6fd;font:16px/1.55 system-ui,Segoe UI,Arial,sans-serif}a{color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;background:#0b1d32f5;border-bottom:1px solid #d5a75763;z-index:5;backdrop-filter:blur(10px)}.navbar{min-height:76px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px;font-weight:800}.brand img{width:56px;height:56px;object-fit:contain}.brand small{display:block;font-size:11px;color:#a8c4dc;font-weight:500}.navbar nav{display:flex;gap:19px;margin-left:auto}.navbar nav a{text-decoration:none;font-size:13px;color:#dce7f4}.themes{display:flex;gap:4px}.themes button{border:1px solid #69809a;background:#122e50;color:#fff;padding:7px 9px;border-radius:8px;cursor:pointer}.themes button[aria-pressed=true]{background:#dfb466;color:#14243c;border-color:#dfb466}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;padding:62px 0 56px}.hero h1{font-size:clamp(37px,5.5vw,72px);line-height:1.08;margin:12px 0 23px;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:#e7bb70}.hero p{max-width:620px;color:#b5c9df}.eyebrow{color:#e8b661!important;font-size:12px!important;font-weight:800;letter-spacing:.18em}.hero-art{display:grid;place-items:center;background:radial-gradient(ellipse,#234e7e85,#0e234437 60%,transparent 75%);border-radius:40px;min-height:360px}.hero-art img{width:min(350px,78%);max-height:390px;object-fit:contain;filter:drop-shadow(0 18px 25px #0005)}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;padding:12px 20px;background:#dfb466;color:#102540;text-decoration:none;border-radius:10px;font-weight:750}.button.ghost{background:transparent;color:#f1f6fd;border:1px solid #7295b6}.note{font-size:12px}.sectionhead{margin:12px 0 26px}.sectionhead h2,.about h2{font-size:clamp(25px,3vw,38px);margin:2px 0}.sectionhead p{color:#b3c5da}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;min-height:234px;padding:24px;border-radius:17px;background:linear-gradient(145deg,#122e4b,#0b1e34);border:1px solid #496c8b91}.card .status{align-self:flex-start;background:#244566;color:#dcecff;border-radius:20px;font-size:11px;padding:4px 9px}.card h3{font-size:19px;margin:18px 0 4px}.card p{color:#a9bfd6;font-size:14px;flex:1}.cardfoot{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.cardfoot a{color:#e7bd75;font-size:13px;text-decoration:none;font-weight:750}.cardfoot .secondary{color:#aec9e8}.about{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:66px;margin-bottom:70px;padding:32px;border:1px solid #446886;border-radius:20px;background:#102b48}.about p{color:#adc5da}.abouttags{display:flex;align-content:center;flex-wrap:wrap;gap:8px}.abouttags span{background:#1e4467;color:#dcecff;padding:9px 13px;border-radius:24px;font-size:12px}footer{border-top:1px solid #355573}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px 0;color:#a5bdd5;font-size:12px}html[data-theme=day] body{background:#f2f6fc;color:#182c45}html[data-theme=day] .top{background:#f0f5fcf5}html[data-theme=day] .navbar nav a{color:#253b54}html[data-theme=day] .brand small{color:#52718e}html[data-theme=day] .hero p,html[data-theme=day] .sectionhead p{color:#526b84}html[data-theme=day] .card{background:#fff;border-color:#d4dfea}html[data-theme=day] .card p{color:#45617b}html[data-theme=day] .about{background:#e6eef8;border-color:#cbdbeb}html[data-theme=day] .about p{color:#4a6580}html[data-theme=day] .button.ghost{color:#183451;border-color:#7493b1}html[data-theme=night] body{background:#102b48;color:#f2f6fc}html[data-theme=night] .card{background:#1c3f5e}html[data-theme=dark] body{background:#080a0e;color:#eff1f5}html[data-theme=dark] .card{background:#151b24;border-color:#363d48}@media(max-width:970px){.navbar nav{order:3;width:100%;margin-left:0}.hero{grid-template-columns:1fr .6fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:40px 0}.hero-art{min-height:220px;grid-row:1}.hero-art img{width:160px;max-height:170px}.grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;margin-top:38px}.themes{margin-left:auto}.navbar nav{gap:12px;overflow-x:auto;white-space:nowrap}.navbar nav a{font-size:12px}.wrap{width:min(100% - 26px,1160px)}}