*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--background:#0a0a0f;--foreground:#f0ede8;--surface:#111118;--surface-elevated:#18181f;--border:#ffffff14;--muted-foreground:#7a7a8a;--accent:#a78bfa;--accent-foreground:#0a0a0f;--destructive:#ef4444;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #a78bfa59}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.input-error{border-color:#ef444499!important}.input-error:focus{border-color:#ef4444!important}.field-error{text-transform:uppercase;letter-spacing:.05em;color:#f87171;margin-top:5px;font-size:.625rem;display:block}.error-banner{color:#f87171;background:#ef444412;border:1px solid #ef444459;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:.8rem;line-height:1.5;animation:.3s fadeIn;display:flex}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.font-display{font-family:Space Grotesk,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.grid-bg{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px}.text-gradient{background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 50%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pulse-dot{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.glow-ring{box-shadow:0 0 0 1px #a78bfa33,0 0 60px #a78bfa26}.marquee{animation:28s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-card{box-shadow:var(--shadow-card)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:3px}::selection{color:var(--foreground);background:#a78bfa40}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.32,1),transform .7s cubic-bezier(.16,1,.32,1);transform:translateY(32px)}.reveal.visible{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.32,1),transform .8s cubic-bezier(.16,1,.32,1);transform:scale(.92)}.reveal-scale.visible{opacity:1;transform:none}.nav{z-index:50;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:20px 24px;display:flex;position:fixed;inset:0 0 auto}@media (width>=768px){.nav{padding:20px 40px}}.nav-logo{letter-spacing:-.03em;color:var(--foreground);font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);align-items:center;gap:32px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-links a{color:inherit;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--foreground)}.nav-badge{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);background:#11111899;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.nav-badge:hover{border-color:var(--accent);color:var(--accent)}.hero{align-items:center;min-height:100vh;padding-top:112px;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;filter:blur(120px);background:#a78bfa1a;border-radius:9999px;width:500px;height:500px;position:absolute;top:25%;right:-10%}.hero-inner{grid-template-columns:1fr;align-items:center;gap:48px;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:grid;position:relative}@media (width>=768px){.hero-inner{grid-template-columns:7fr 5fr;padding:0 40px}}.hero-tag{border:1px solid var(--border);color:var(--muted-foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11111899;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.hero-tag svg{color:var(--accent)}.hero-title{letter-spacing:-.03em;margin-bottom:32px;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,9vw,8.5rem);font-weight:700;line-height:.95}.hero-subtitle{color:var(--muted-foreground);max-width:480px;margin-bottom:40px;font-family:JetBrains Mono,monospace;font-size:.9rem}.hero-subtitle .accent{color:var(--accent)}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--accent);color:var(--background);border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;text-decoration:none;transition:box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-primary svg{transition:transform .2s}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-secondary{border:1px solid var(--border);color:var(--foreground);border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary svg{transition:transform .2s}.btn-secondary:hover svg{transform:translate(2px,-2px)}.hero-photo-wrap{aspect-ratio:4/5;max-width:360px;margin:0 auto;position:relative}.hero-photo-glow{filter:blur(48px);background:#a78bfa33;border-radius:24px;position:absolute;inset:-16px}.hero-photo-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.hero-photo-card img{object-fit:cover;width:100%;height:100%;display:block}.hero-photo-overlay{background:linear-gradient(#0000 50%,#0a0a0f99 100%);position:absolute;inset:0}.hero-photo-status{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fb3;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.hero-photo-status .status{align-items:center;gap:8px;display:flex}.hero-photo-status .location{color:var(--muted-foreground)}.badge-react{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow-card);border-radius:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;top:40px;left:-24px;transform:rotate(-8deg)}.badge-react .accent{color:var(--accent)}.badge-firebase{border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow-card);border-radius:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;bottom:96px;right:-16px;transform:rotate(6deg)}.hero-scroll{text-transform:uppercase;letter-spacing:.3em;color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.625rem;animation:2.5s ease-in-out infinite scrollPulse;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%,to{opacity:.5}50%{opacity:1}}.marquee-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#11111866;padding:24px 0;overflow:hidden}.marquee-inner{white-space:nowrap;color:#f0ede826;gap:48px;width:max-content;font-family:Space Grotesk,sans-serif;font-size:clamp(1.75rem,5vw,3.75rem);font-weight:700;display:flex}.marquee-inner span.dot{color:var(--accent);opacity:1}.marquee-group{align-items:center;gap:48px;display:flex}.section{max-width:1280px;margin:0 auto;padding:128px 24px;position:relative}@media (width>=768px){.section{padding:128px 40px}}.section-label{text-transform:uppercase;letter-spacing:.25em;color:var(--muted-foreground);align-items:center;gap:12px;margin-bottom:40px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.section-label .num{color:var(--accent)}.section-label .line{background:var(--border);width:40px;height:1px}.about-grid{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=768px){.about-grid{grid-template-columns:8fr 4fr}}.about-headline{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.75rem,4vw,3rem);line-height:1.15}.about-headline .accent{color:var(--accent)}.about-body{color:var(--muted-foreground);line-height:1.7}.about-body p+p{margin-top:16px}.about-stats{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px}.stat-number{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.stat-label{text-transform:uppercase;color:var(--muted-foreground);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.65rem}.skills-headline{letter-spacing:-.03em;max-width:512px;margin-bottom:64px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.75rem);font-weight:700}.skills-headline .italic{color:var(--accent);font-style:italic}.skills-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.skills-grid{grid-template-columns:1fr 1fr}}@media (width>=1024px){.skills-grid{grid-template-columns:1fr 1fr 1fr}}.skill-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;padding:24px;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.skill-card:hover{background:var(--surface-elevated);border-color:#a78bfa66}.skill-card-glow{pointer-events:none;filter:blur(32px);opacity:0;background:#a78bfa1a;border-radius:9999px;width:128px;height:128px;transition:opacity .3s;position:absolute;top:-48px;right:-48px}.skill-card:hover .skill-card-glow{opacity:1}.skill-icon{color:var(--accent)}.skill-title{margin-top:24px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.skill-list{color:var(--muted-foreground);flex-direction:column;gap:8px;margin-top:24px;font-family:JetBrains Mono,monospace;font-size:.875rem;list-style:none;display:flex}.skill-list li{align-items:center;gap:8px;display:flex}.skill-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.work-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:64px;display:flex}.work-headline{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.75rem);font-weight:700}.work-headline .italic{color:var(--accent);font-style:italic}.work-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;overflow:hidden}.work-card-grid{grid-template-columns:1fr;display:grid}@media (width>=1024px){.work-card-grid{grid-template-columns:1fr 1fr}}.work-preview{background:linear-gradient(135deg, var(--surface), var(--background));order:2;padding:32px;position:relative}@media (width>=1024px){.work-preview{order:1;padding:48px}}.work-preview-inner{border:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-card);border-radius:12px;position:relative;overflow:hidden}.work-preview-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:12px 16px;display:flex}.dot-red{background:#ef4444b3;border-radius:50%;width:10px;height:10px}.dot-yellow{background:#eab308b3;border-radius:50%;width:10px;height:10px}.dot-green{background:#22c55eb3;border-radius:50%;width:10px;height:10px}.url-label{color:var(--muted-foreground);margin-left:16px;font-family:JetBrains Mono,monospace;font-size:.688rem}.work-code{flex-direction:column;gap:4px;padding:20px;font-family:JetBrains Mono,monospace;font-size:.688rem;line-height:1.7;display:flex}.work-code .kw{color:var(--accent)}.work-code .str{color:#4ade80}.work-code .cm{color:var(--muted-foreground)}.work-code .ind{padding-left:16px}.work-code .ind2{padding-left:32px}.revenue-card{background:#a78bfa0d;border:1px solid #a78bfa4d;border-radius:8px;margin-top:16px;padding:12px}.revenue-top{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.revenue-top .up{color:var(--accent)}.revenue-amount{margin-top:8px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.bar-chart{align-items:flex-end;gap:4px;height:24px;margin-top:12px;display:flex}.bar{background:#a78bfab3;border-radius:2px;flex:1;animation:.8s cubic-bezier(.16,1,.32,1) both barGrow}@keyframes barGrow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.work-info{order:1;padding:32px}@media (width>=1024px){.work-info{order:2;padding:48px}}.live-badge{color:var(--muted-foreground);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:flex}.live-badge .dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.work-title{letter-spacing:-.02em;margin-top:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.work-desc{color:var(--muted-foreground);margin-top:16px;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tag{border:1px solid var(--border);background:var(--background);text-transform:uppercase;color:var(--muted-foreground);border-radius:9999px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.625rem}.work-features{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.feature-card{border:1px solid var(--border);background:#0a0a0f99;border-radius:12px;padding:16px}.feature-icon{color:var(--accent)}.feature-title{margin-top:8px;font-size:.875rem;font-weight:600}.feature-desc{color:var(--muted-foreground);margin-top:4px;font-size:.75rem}.services-headline{letter-spacing:-.03em;max-width:768px;margin-bottom:64px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.75rem);font-weight:700}.services-headline .italic{color:var(--accent);font-style:italic}.services-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.services-grid{grid-template-columns:1fr 1fr}}.service-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;padding:32px;transition:border-color .25s;display:flex;position:relative;overflow:hidden}.service-card:hover{border-color:#a78bfa66}.service-header{justify-content:space-between;align-items:flex-start;display:flex}.service-num{color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.7rem}.service-title{margin-top:32px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:600}.service-desc{color:var(--muted-foreground);margin-top:12px;line-height:1.7}.service-list{flex-direction:column;gap:10px;margin-top:24px;font-size:.875rem;list-style:none;display:flex}.service-list li{align-items:center;gap:8px;display:flex}.service-list li svg{color:var(--accent);flex-shrink:0}.contact-section{max-width:1280px;margin:0 auto;padding:128px 24px;position:relative}@media (width>=768px){.contact-section{padding:128px 40px}}.contact-glow{pointer-events:none;inset-x:0;filter:blur(140px);background:#a78bfa1a;border-radius:9999px;max-width:768px;height:400px;margin:0 auto;position:absolute;top:0}.contact-grid{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=1024px){.contact-grid{grid-template-columns:7fr 5fr}}.contact-headline{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:.95}.contact-links{flex-direction:column;gap:12px;margin-top:40px;display:flex}.contact-link{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.contact-link:hover{border-color:var(--accent);background:var(--surface-elevated)}.contact-link:hover .cl-arrow{color:var(--accent);transform:translate(2px,-2px)}.contact-link-left{align-items:center;gap:16px;display:flex}.cl-icon{color:var(--accent)}.cl-label{text-transform:uppercase;color:var(--muted-foreground);font-family:JetBrains Mono,monospace;font-size:.625rem}.cl-value{margin-top:2px;font-size:.875rem}.cl-arrow{color:var(--muted-foreground);transition:color .2s,transform .2s}.contact-form-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:32px}.form-group+.form-group{margin-top:20px}.form-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:.625rem;display:block}.form-input,.form-textarea{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);border-radius:8px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:#7a7a8a80}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:none}.btn-submit{background:var(--accent);width:100%;color:var(--background);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px 24px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:box-shadow .3s;display:inline-flex}.btn-submit:hover{box-shadow:var(--shadow-glow)}.btn-submit svg{transition:transform .2s}.btn-submit:hover svg{transform:translate(2px,-2px)}.footer{border-top:1px solid var(--border)}.footer-inner{max-width:1280px;color:var(--muted-foreground);flex-direction:column;align-items:flex-start;gap:24px;margin:0 auto;padding:40px 24px;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}@media (width>=768px){.footer-inner{flex-direction:row;justify-content:space-between;align-items:center;padding:40px}}.footer-version{align-items:center;gap:8px;display:flex}#particles-canvas{opacity:.7;width:100%;height:100%;position:absolute;inset:0}