:root{--sf-accent:#C6FF40;--sf-bg:#000;--sf-text:#fff;--sf-header-h:64px;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6}
a{color:var(--sf-accent);text-decoration:none}
a:hover{text-decoration:underline}
main{max-width:1120px;margin:0 auto;padding:24px}
h1,h2,h3{color:#eaffba}
.card{background:#101010;border:1px solid #1b1b1b;border-radius:12px;padding:18px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.button{background:var(--sf-accent);color:#000;padding:14px 26px;border-radius:10px;font-weight:800;border:0;cursor:pointer;box-shadow:0 0 12px rgba(198,255,64,.35);transition:.25s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(198,255,64,.55),0 0 36px rgba(198,255,64,.45)}
header{position:fixed;top:0;left:0;right:0;height:var(--sf-header-h);z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(5,5,5,.9);backdrop-filter:blur(8px);transition:transform .25s ease}
header.hide{transform:translateY(-100%)}
body.pad{padding-top:var(--sf-header-h)}
.brand{display:flex;gap:10px;align-items:center}
.brand img{height:32px;filter:drop-shadow(0 0 6px rgba(198,255,64,.35))}
nav a{margin:0 10px}
.social{display:flex;gap:8px}
.social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid #1f1f1f;background:#0a0a0a}
.social a svg{width:18px;height:18px;fill:#eaeaea;transition:filter .2s ease,fill .2s ease}
.social a:hover svg{fill:var(--sf-accent);filter:drop-shadow(0 0 10px rgba(198,255,64,.6))}
.hero{margin-top:16px}
.hero img{display:block;max-width:100%;border-radius:12px;box-shadow:0 0 24px rgba(198,255,64,.12)}
label{display:block;margin:8px 0 4px}
input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #2a2a2a;background:#0c0c0c;color:#fff}
.small{font-size:13px;color:#bbb}
footer{padding:40px 16px;border-top:1px solid #181818;display:flex;justify-content:center}
#backTop{position:fixed;right:16px;bottom:16px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease;z-index:10000;padding:12px 14px;border-radius:10px;border:0;background:var(--sf-accent);color:#000;font-weight:800;box-shadow:0 0 12px rgba(198,255,64,.35)}
#backTop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
@media (max-width:780px){html{font-size:17px}main{padding:18px}}


/* sff mobile buttons */
.card .button, .card button{display:block;width:fit-content;margin:10px auto}
@media (max-width:780px){
  .button, button.btn, .btn{padding:12px 18px;font-size:15px}
  .card .button, .card button{margin:12px auto}
}