:root{--bg:#000;--bg-elevated:#000;--bg-muted:#233d4d;--bg-card:#121219a6;--bg-card-hover:#191923bf;--fg:#eaecf0;--fg-muted:#eaecf099;--fg-dim:#eaecf066;--accent:#fe7f2d;--accent-glow:#fe7f2d26;--accent-glow-strong:#fe7f2d4d;--accent-secondary:#233d4d;--accent-warm:#fe7f2d;--nav-bg:#0a0a0f99;--nav-bg-scrolled:#0a0a0fd9;--border:#ffffff14;--border-thick:#ffffff1f;--shadow-card:0 8px 32px 0 #0000005e;--shadow-card-hover:0 8px 32px 0 #fe7f2d26;--glass-bg:#121219a6;--glass-bg-hover:#191923bf;--glass-border:#ffffff1a;--glass-border-hover:#ffffff2e;--glass-blur:blur(40px);--glass-blur-heavy:blur(60px);--glass-shadow:0 8px 32px #0003;--glass-shadow-hover:0 12px 40px #0000004d;--destructive:#ef4444;--font-heading:"Archivo", system-ui, -apple-system, sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Fira Code", ui-monospace, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:100px}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--fg-dim);border-radius:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);position:relative}.glass:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.brutal-border{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.section{padding:var(--space-5xl) var(--space-lg);max-width:1300px;margin:0 auto;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--fg);font-weight:700;line-height:1.05}.text-display{letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,7rem);font-weight:700;line-height:.92}.text-heading{letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,3.5rem);font-weight:700}.section-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--fg-dim);margin-bottom:.75rem;font-size:.65rem;font-weight:600;display:block}#projects .section-label{color:#5e6ad2}#services .section-label{color:#14b8a6}#experience .section-label{color:#a855f7}#about .section-label{color:#f59e0b}#testimonials .section-label{color:#06b6d4}#blog .section-label{color:#10b981}#github .section-label{color:#8b5cf6}#contact .section-label{color:#ec4899}.tag{font-family:var(--font-body);background:var(--accent-glow);border:1px solid var(--accent-glow-strong);color:var(--accent);letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;padding:2px 10px;font-size:.6rem;font-weight:500}.btn-primary{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--accent);color:#000;transition:all .2s var(--ease-out);box-shadow:0 4px 12px var(--accent-glow-strong);border:1px solid #fff3;align-items:center;gap:8px;padding:14px 32px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 16px var(--accent-glow-strong);background:#ff914d;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px var(--accent-glow-strong);transform:translateY(1px)}.btn-ghost{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);color:var(--fg);border:1px solid var(--glass-border);transition:all .2s var(--ease-out);box-shadow:var(--glass-shadow);align-items:center;gap:8px;padding:14px 32px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-ghost:hover{box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.btn-ghost:active{transform:translateY(1px);box-shadow:0 4px 12px #0000001a}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);box-shadow:var(--glass-shadow);padding:1.75rem;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.section-alt{background:linear-gradient(#0000 0%,#ffffff04 50%,#0000 100%)}.section-alt-purple{background:linear-gradient(#0000 0%,#fe7f2d05 50%,#0000 100%)}@media (max-width:768px){.section{padding:var(--space-3xl) var(--space-md)}}@keyframes island-beacon-pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}@keyframes island-pop{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes island-ambient-glow{0%,to{opacity:.4}50%{opacity:.8}}.island-pulse-dot{animation:2.2s cubic-bezier(.4,0,.6,1) infinite island-beacon-pulse}.island-pop-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards island-pop}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brutal-border{box-shadow:none}.card:before,.glass:before{display:none}.island-pulse-dot,.island-pop-in{animation:none!important}}