@import"https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&display=swap";:root{--font-family: "Satoshi", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--cyan: #00F7FF;--pink: #FF0087;--radius: 14px;--radius-lg: 18px;--ring: 0 0 0 3px rgb(0 247 255 / 18%);--bg: #f7f8f6;--text: #111418;--muted: rgba(17, 20, 24, .62);--subtle: rgba(17, 20, 24, .06);--border: rgba(17, 20, 24, .1);--input: rgba(17, 20, 24, .04)}:root[data-theme=dark]{--bg: #0b0e14;--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--subtle: rgba(255,255,255,.06);--border: rgba(255,255,255,.12);--input: rgba(255,255,255,.06)}:root{--topbar-h: 72px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.page{min-height:100vh;position:relative;overflow:hidden}.bg-texture{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"><filter id="noise" x="0" y="0"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%25" height="100%25" filter="url(%23noise)"/></svg>');background-size:cover;opacity:.05;position:absolute;inset:0;pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 6vw;z-index:10;gap:12px;background:#0000001f}section[id]{scroll-margin-top:var(--topbar-h)}.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand img{height:35px;width:auto;display:block;transition:opacity .2s ease,transform .2s ease}.brand:hover img{opacity:.85;transform:translateY(-.5px)}.brand-mark{width:12px;height:12px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 6px #00f7ff1a}.nav{display:flex;align-items:center;gap:14px;margin-left:auto}.nav a{color:var(--muted);font-weight:600}.nav a:hover{color:var(--text);text-decoration:underline;text-underline-offset:6px}.nav .nav-link{display:inline-flex;align-items:center;gap:8px;line-height:1}.nav .nav-ico{width:16px;height:16px;flex:0 0 16px;display:block;fill:currentColor}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--subtle);cursor:pointer;display:grid;place-items:center;margin-left:6px}.icon-btn:hover{border-color:#00f7ff59}.icon-btn .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--pink))}.main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:9vh 6vw;position:relative;z-index:2}.container{width:min(560px,calc(100% - 44px));margin:0 auto;text-align:center}.hero-copy{margin-bottom:26px}.eyebrow{margin:0 0 12px;font-size:.88rem;color:var(--muted);letter-spacing:.02em}h1{font-size:clamp(32px,4vw,44px);line-height:1.15;letter-spacing:-.8px;margin:0 0 14px}.lead{margin:0 0 18px;color:var(--muted);line-height:1.75;font-size:1.02rem}.cta-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;margin-bottom:18px}.secondary-cta{color:var(--muted);font-weight:700}.secondary-cta:hover{color:var(--text);text-decoration:underline;text-underline-offset:6px}.form{margin-top:10px}.form label{display:block;font-size:.9rem;font-weight:600;color:var(--muted);margin-bottom:8px;text-align:left}.input-row{display:flex;gap:10px;justify-content:center;align-items:stretch}.form input{flex:1;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--input);color:var(--text);outline:none;font-size:1rem}.form input:focus{border-color:#00f7ff8c;box-shadow:var(--ring)}.submit{border:none;border-radius:var(--radius-lg);font-weight:800;cursor:pointer;padding:12px 16px;white-space:nowrap;color:#071014;background:linear-gradient(135deg,#00f7fff2,#ff0087cc);box-shadow:0 10px 24px #0000001f}.submit:hover{transform:translateY(-1px)}.submit--soft{background:var(--subtle);color:var(--text);border:1px solid var(--border);box-shadow:none}.submit--soft:hover{border-color:#00f7ff59}.form textarea{width:100%;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--input);color:var(--text);outline:none;font-size:1rem;line-height:1.5;min-height:110px;resize:vertical;margin-top:6px}.form textarea:focus{border-color:#00f7ff8c;box-shadow:var(--ring)}.contact-actions{display:flex;gap:10px;margin-top:12px;align-items:center}.wa-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--subtle);color:var(--text);font-weight:800;white-space:nowrap}.wa-btn:hover{border-color:#00f7ff59}.form-status{margin-top:12px;font-size:.9rem;color:var(--muted)}.form-status.success{color:#00f7ffd9}.form-status.error{color:#ff0087d9}.footer{margin-top:18px;font-size:.92rem;color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:4px}.footer a:hover{color:#00f7ffd9}.projects{margin-top:44px;text-align:left;border-top:1px solid var(--border);padding-top:22px}.projects h2{margin:0 0 14px;font-size:1rem;letter-spacing:-.2px}.project-list{display:grid;gap:10px}.project{display:block;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--subtle)}.project:hover{border-color:#00f7ff59}.project-title{font-weight:800;letter-spacing:-.2px}.project-meta{margin-top:4px;font-size:.92rem;color:var(--muted)}.tiny-note{margin-top:18px;font-size:.85rem;color:var(--muted)}@media(max-width:520px){.contact-actions{flex-direction:column;align-items:stretch}.wa-btn{width:100%}.nav{position:fixed;right:14px;bottom:14px;flex-direction:column;align-items:flex-end;gap:10px;z-index:50}.nav .nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);background:#00000038;border-radius:999px;box-shadow:0 10px 24px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav .nav-ico{width:18px;height:18px;fill:currentColor;opacity:.9}.nav .nav-link span{font-size:.9rem}.brand img{height:30px}.input-row{flex-direction:column}.submit{width:100%}}