:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3{margin:0}#root{width:100%;min-height:100vh}:root{--bg:#0a0f1e;--bg-card:#ffffff06;--bg-card-hover:#00d4ff0a;--accent-1:#00d4ff;--accent-2:#0084ff;--text:#f1f5f9;--text-dim:#94a3b8;--border:#ffffff12;--border-accent:#00d4ff33;--nav-h:4rem;--max-w:1100px;--section-pad:6rem}.site{background:var(--bg);color:var(--text);min-height:100vh}.nav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0f1ebf;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{letter-spacing:.1em;background:linear-gradient(90deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:.9375rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-dim);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px;border-radius:2px}.hero{min-height:100vh;padding-top:var(--nav-h);align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#00d4ff1f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0084ff12 0%,#0000 65%);width:700px;height:700px;position:absolute;top:20%;left:-10%}.hero-inner{z-index:1;max-width:var(--max-w);margin:0 auto;padding:0 2rem;position:relative}.hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-1);margin:0 0 1.5rem;font-size:.8125rem;font-weight:600}.hero-title{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:clamp(2.75rem,7vw,5.25rem);font-weight:800;line-height:1.04}.gradient-text{background:linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-dim);max-width:520px;margin:0 0 2.5rem;font-size:1.125rem;line-height:1.7}.btn-primary{background:linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);color:#04080f;border-radius:.5rem;align-items:center;gap:.5rem;padding:.875rem 1.875rem;font-size:.9375rem;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 #00d4ff00}.btn-primary:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 32px #0084ff4d}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid var(--accent-1);outline-offset:3px}.section-inner{max-width:var(--max-w);margin:0 auto;padding:0 2rem}.section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-1);margin:0 0 3rem;font-size:.75rem;font-weight:700}.services{padding:var(--section-pad) 0;border-top:1px solid var(--border)}.services-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.75rem;transition:border-color .25s,background .25s}.service-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.service-title{color:var(--text);margin:0 0 .75rem;font-size:.9375rem;font-weight:700}.service-body{color:var(--text-dim);margin:0;font-size:.9rem;line-height:1.65}.about{padding:var(--section-pad) 0;border-top:1px solid var(--border)}.about-inner{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.about-text p{color:var(--text-dim);margin:0 0 1rem;font-size:.9375rem;line-height:1.8}.about-text p:last-child{margin-bottom:0}.skills-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0 0 1.25rem;font-size:.75rem;font-weight:700}.skills-list{flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.skill-tag{border:1px solid var(--border-accent);color:var(--accent-1);background:#00d4ff12;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.contact{padding:var(--section-pad) 0;border-top:1px solid var(--border)}.contact-inner{text-align:center}.contact-inner h2{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800}.contact-inner p{color:var(--text-dim);margin:0 0 2.5rem;font-size:1.0625rem}.footer{border-top:1px solid var(--border);padding:2rem 0}.footer-inner{max-width:var(--max-w);justify-content:center;margin:0 auto;padding:0 2rem;display:flex}.footer-inner span{color:var(--text-dim);font-size:.8125rem}@media (width<=768px){:root{--section-pad:4rem}.nav-links{gap:1.25rem}.about-inner{grid-template-columns:1fr;gap:3rem}}@media (width<=480px){.nav-links{gap:1rem}.hero-sub{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}