:root{--color-bg:#0a0a0a;--color-bg-alt:#111111;--color-surface:#151515;--color-surface-2:#1b1b1b;--color-surface-3:#1f1f1f;--color-border:rgba(255,140,26,0.12);--color-border-dim:rgba(255,255,255,0.06);--color-accent:#F97316;--color-accent-2:#EA6C0A;--color-accent-dim:rgba(249,115,22,0.15);--color-accent-glow:rgba(249,115,22,0.35);--color-text:#ffffff;--color-text-muted:#999999;--color-text-dim:#666666;--font-heading:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--text-6xl:4rem;--text-7xl:5rem;--text-8xl:6rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px rgba(0,0,0,0.4);--shadow-glow:0 0 20px rgba(255,140,26,0.15);--shadow-glow-strong:0 0 40px rgba(255,140,26,0.3);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--max-width:1200px;--nav-height:72px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#about,#contact,#services,#work{scroll-margin-top:80px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;min-height:100vh}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ol,ul{list-style:none}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4)}.section-label,.section-title{font-family:var(--font-heading)}.section-title{font-size:var(--text-4xl);font-weight:700;line-height:1.15;margin-bottom:var(--space-6)}.glass{background:rgba(21,21,21,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg)}.glass-strong{background:rgba(27,27,27,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;letter-spacing:.02em}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn-primary{background:var(--color-accent);color:#FFFFFF}.btn-primary:hover{background:var(--color-accent-2);box-shadow:0 4px 24px rgba(249,115,22,.35);transform:translateY(-1px)}.btn-primary:active{background:#DC5A00;transform:translateY(0)}.btn-primary:after{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0,transparent 70%)}.btn-primary:hover:after{opacity:1}.btn-outline{background:transparent;color:#F97316;border:1px solid #f97316}.btn-outline:hover{background:#F97316;border-color:#F97316;color:#FFFFFF;box-shadow:0 4px 24px rgba(249,115,22,.35);transform:translateY(-1px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dim)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--color-accent-dim);color:var(--color-accent)}