:root{--bg:#070b16;--bg2:#0d1428;--card:#111a33;--ink:#f3f5fc;--mute:#97a2c4;--blue:#3d5bff;--glow:#6f86ff;--gold:#e8c27a;--line:#223056;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#f3f5fb;--bg2:#e8ecf8;--card:#fff;--ink:#0b1226;--mute:#5b6686;--line:#d8def0}}
:root[data-theme="light"]{--bg:#f3f5fb;--bg2:#e8ecf8;--card:#fff;--ink:#0b1226;--mute:#5b6686;--line:#d8def0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
h1,h2,.bebas{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:2px}
.hero{position:relative;text-align:center;padding:64px 20px 56px;color:#f3f5fc;background:radial-gradient(circle at 50% 0%,#233a b0 0%,transparent 60%),linear-gradient(180deg,#0a1230,#070b16);overflow:hidden}
.hero{background:radial-gradient(ellipse at 50% -10%,#2c46d6 0%,transparent 62%),linear-gradient(180deg,#0b1438,#070b16)}
.ring{width:176px;height:176px;margin:0 auto 20px;border-radius:50%;padding:5px;background:conic-gradient(var(--blue),var(--gold),var(--glow),var(--blue));box-shadow:0 0 50px rgba(79,106,255,.55)}
.ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:4px solid #070b16}
.pill{display:inline-block;border:1px solid rgba(232,194,122,.6);color:var(--gold);padding:5px 16px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:2px;margin-bottom:12px}
.hero h1{margin:0;font-size:clamp(4rem,17vw,7rem);line-height:.95;letter-spacing:6px}
.hero p{margin:10px 0 26px;color:#b9c3e6;font-size:1.05rem}
.btn{display:inline-block;background:linear-gradient(135deg,var(--blue),#2238c9);color:#fff;font-weight:800;padding:15px 32px;border-radius:999px;text-decoration:none;border:0;font-size:1rem;letter-spacing:.5px;cursor:pointer;box-shadow:0 8px 24px rgba(61,91,255,.45)}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35);box-shadow:none;margin-left:8px}
.strip{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;padding:16px 20px;background:var(--bg2);border-block:1px solid var(--line);color:var(--gold);font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:3px;font-size:1.15rem}
section{padding:54px 0 4px}
h2{font-size:2.3rem;margin:0;letter-spacing:3px}
h2::after{content:"";display:block;width:54px;height:3px;background:linear-gradient(90deg,var(--blue),var(--gold));margin:8px 0 12px;border-radius:3px}
.sub{color:var(--mute);margin:0 0 22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}
.ph{aspect-ratio:4/5;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,var(--card),var(--bg2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--mute);font-size:.8rem;text-align:center;position:relative;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(61,91,255,.25),transparent 60%)}
.ph b{font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:1.5rem;letter-spacing:2px;color:var(--ink);position:relative}
.ph span{position:relative}
.svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;border-left:4px solid var(--blue)}
.svc b{display:block;font-size:1.05rem}
.svc span{color:var(--mute);font-size:.9rem}
form{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:15px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
label{font-weight:600;font-size:.85rem;letter-spacing:.5px;color:var(--mute);display:grid;gap:6px}
input,select,textarea{font:inherit;color:var(--ink);padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--bg);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);border-color:transparent}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:480px){.row{grid-template-columns:1fr}}
form .btn{width:100%;font-size:1.05rem}
.note{font-size:.85rem;color:var(--gold);margin:0;min-height:1.2em}
footer{text-align:center;color:var(--mute);padding:50px 20px 44px;font-size:.9rem}
footer .bebas{font-size:2rem;color:var(--ink);letter-spacing:5px;display:block}
footer a{color:var(--glow);font-weight:700;text-decoration:none}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph.has::before{background:linear-gradient(180deg,transparent 55%,rgba(7,11,22,.85))}.ph .cap{position:absolute;left:0;right:0;bottom:12px;color:#fff;z-index:1}