:root{--bg: #0b0b10;--panel: #12121a;--txt: #e9e9ee;--muted: #a0a0b2;--fluor: #ff2fb3;--fluor2: #2fbaff;--hair: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,Inter,Segoe UI,Roboto,sans-serif;color:var(--txt);padding-top:calc(env(safe-area-inset-top) + var(--gutter-block, 14px));padding-bottom:calc(env(safe-area-inset-bottom) + var(--gutter-block, 14px));padding-left:calc(env(safe-area-inset-left) + var(--gutter-inline, clamp(16px, 5vw, 28px)));padding-right:calc(env(safe-area-inset-right) + var(--gutter-inline, clamp(16px, 5vw, 28px)));background:radial-gradient(1000px 500px at 80% -10%,rgba(47,186,255,.06),transparent 60%),radial-gradient(800px 450px at -10% 10%,rgba(255,47,179,.06),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:20px 24px}.nav{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--hair);padding-bottom:10px}.brand{font-weight:700;letter-spacing:.5px}.brand .cloud{color:var(--fluor2)}.nav .sp{flex:1}.nav a{padding:8px 10px;color:var(--muted)}.nav a.active{color:var(--txt)}.hero{padding:36px 0;display:grid;gap:14px}h1{font-size:clamp(26px,6vw,52px);margin:0;line-height:1.05}h3{margin:0 0 6px;font-size:18px}.sub{color:var(--muted);max-width:60ch}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{padding:12px 18px;border-radius:9999px;border:1px solid transparent;font-weight:600;letter-spacing:.2px;transition:transform .15s ease,box-shadow .2s ease,opacity .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(90deg,var(--fluor),var(--fluor2));color:#0a0a0f;box-shadow:0 0 14px #ff2fb340,0 0 14px #2fbaff40 inset}.btn-secondary{background:transparent;color:var(--txt);border-color:var(--fluor2)}.card{background:var(--panel);border:1px solid var(--hair);border-radius:16px;padding:20px}.cards{display:grid;gap:12px;margin-top:8px}.card-link h3,.card-link:hover h3{color:var(--txt)}.card-link{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:12px;text-align:left;cursor:pointer;background:#11121a;border:1px solid var(--hair)}.card-link:hover{border-color:var(--fluor2);box-shadow:0 0 10px #2fbaff33}.card-icon{width:40px;height:40px;border:1px solid var(--fluor2);border-radius:10px;display:grid;place-items:center;color:var(--fluor2)}.card-body p{margin:0;color:var(--muted)}.guide{margin-top:14px}.guide-head{margin-bottom:10px}.guide-title{margin:0 0 4px;font-size:18px}.guide-sub{margin:0;color:var(--muted)}.grid-form{display:grid;gap:8px;grid-template-columns:1fr}.input,.btn-submit{padding:12px 14px;border-radius:9999px;border:1px solid var(--hair);background:#0f0f16;color:var(--txt);outline:none;width:100%}.input::placeholder{color:#7f7f90}.btn-submit{border-color:var(--fluor);color:var(--txt);background:transparent}.btn-submit:hover{box-shadow:0 0 10px var(--fluor)}.form-note{min-height:22px;margin-top:6px}.section{padding:36px 0;display:grid;gap:12px}.hr{height:1px;background:var(--hair);margin:24px 0}.footer{padding:28px 0;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn-wh{position:fixed;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--fluor2);color:var(--fluor2);background:#0f0f1680;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,box-shadow .2s ease}.btn-wh:hover{transform:translateY(-1px);box-shadow:0 0 10px var(--fluor2)}@media (min-width: 800px){.cards{grid-template-columns:1fr 1fr}.grid-form{grid-template-columns:1fr 1fr 1fr auto}.wrap{padding:24px 32px}.card{padding:24px}}