/* EdgeFi Matrix-style theme */
:root{--bg:#000;--text:#d8ffd8;--green:#00FF41;--green-d:#00cc35}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Roboto Mono',ui-monospace,Consolas,monospace}

/* Subtle matrix scan background */
body::before{content:"";position:fixed;inset:0;z-index:-1;opacity:.12;background-image:repeating-linear-gradient(90deg,rgba(0,255,65,.15) 0 1px,transparent 1px 6px),radial-gradient(1200px 600px at 50% -20%,rgba(0,255,65,.25),transparent 60%);animation:scan 9s linear infinite}
@keyframes scan{from{background-position:0 0,0 0}to{background-position:0 200px,0 0}}

header{position:sticky;top:0;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,255,65,.2)}
.wrap{max-width:1200px;margin:0 auto;padding:16px 24px}
.nav{display:flex;align-items:center;gap:28px}
.logo{height:54px;display:block}
.spacer{flex:1}
.menu a{color:var(--text);text-decoration:none;margin:0 14px;font-size:14px;letter-spacing:.06em}
.menu a:hover{color:var(--green)}

.hero{display:grid;place-items:center;text-align:center;padding:12vh 24px 14vh;position:relative}
.hero h1{font-family:'Orbitron',system-ui,sans-serif;font-size:clamp(36px,7vw,96px);color:var(--green);text-shadow:0 0 32px rgba(0,255,65,.45)}
.hero p{max-width:760px;margin:12px auto 24px;font-size:clamp(14px,2.1vw,20px);opacity:.9}
.cta{display:inline-block;padding:14px 26px;border:2px solid var(--green);color:var(--green);background:transparent;text-decoration:none;border-radius:8px;letter-spacing:.12em}
.cta:hover{background:rgba(0,255,65,.1);box-shadow:0 0 24px rgba(0,255,65,.35)}

.section{padding:56px 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{border:1px solid rgba(0,255,65,.25);background:rgba(0,0,0,.6);padding:20px;border-radius:12px}
.card h3{font-family:'Orbitron',system-ui,sans-serif;color:var(--green);margin:0 0 8px}

.about{padding:56px 24px;border-top:1px dashed rgba(0,255,65,.2)}
.contact{padding:56px 24px}
form{max-width:640px;margin:auto;display:grid;gap:12px}
input,textarea{background:#020;border:1px solid rgba(0,255,65,.35);color:var(--text);padding:12px 14px;border-radius:8px}
button{background:var(--green);color:#001b07;border:none;padding:12px 18px;border-radius:8px;font-weight:700}
button:hover{filter:brightness(1.1);box-shadow:0 0 16px rgba(0,255,65,.4)}

footer{border-top:1px solid rgba(0,255,65,.2);padding:28px 24px;color:var(--text);font-size:13px}
footer .brand{color:var(--green);font-weight:700}
.small{opacity:.85}
footer a{color:var(--green)}