:root{--color-bg: #0a0a0c;--color-text: #f3f3f5;--color-text-muted: #8e8e93;--color-border: rgba(255, 255, 255, .1);--font-base: "Inter", system-ui, -apple-system, sans-serif;--card-bg: rgba(255, 255, 255, .03);--card-border: 1px solid rgba(255, 255, 255, .08);--card-shadow: 0 12px 30px rgba(0, 0, 0, .3);--card-radius: 16px;--card-backdrop: blur(12px);--btn-bg: #2563eb;--btn-color: #ffffff;--btn-border: none;--btn-shadow: 0 4px 15px rgba(37, 99, 235, .25);--btn-radius: 12px;--btn-transform: none;--btn-hover-translate: translateY(-2px);--btn-hover-shadow: 0 8px 22px rgba(37, 99, 235, .35);--input-bg: rgba(255, 255, 255, .04);--input-border: 1px solid rgba(255, 255, 255, .1);--input-shadow: none;--input-radius: 10px;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.25rem);--text-hero: clamp(3.5rem, 2rem + 6vw, 7rem);--font-sans: var(--font-base, "Inter", system-ui, -apple-system, sans-serif);--font-display: "Outfit", sans-serif;--font-mono: "Share Tech Mono", monospace;--bg-dark: var(--color-bg, #09090b);--bg-card: var(--card-bg, rgba(17, 17, 20, .5));--border-card: var(--color-border, rgba(255, 255, 255, .06));--border-hover: color-mix(in srgb, var(--color-text, #fff) 18%, transparent);--grid-border: var(--color-border, rgba(255, 255, 255, .08));--text-primary: var(--color-text, #f4f4f5);--text-secondary: color-mix(in srgb, var(--color-text, #f4f4f5) 65%, transparent);--text-muted: var(--color-text-muted, #71717a);--primary: var(--btn-bg, #2563eb);--primary-hover: var(--btn-bg, #1d4ed8);--secondary: #3f3f46;--accent: var(--btn-bg, #3b82f6);--gradient-text: linear-gradient(135deg, var(--color-text, #e4e4e7) 0%, var(--btn-bg, #2563eb) 100%);--gradient-glow: radial-gradient(circle, color-mix(in srgb, var(--btn-bg, #2563eb) 15%, transparent) 0%, transparent 70%);--gradient-accent: linear-gradient(135deg, var(--btn-bg, #2563eb), color-mix(in srgb, var(--btn-bg, #2563eb) 70%, var(--color-text, #3f3f46)))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;min-height:100vh}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(color-mix(in srgb,var(--color-text) 2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-text) 2%,transparent) 1px,transparent 1px);background-size:50px 50px;background-position:center top;z-index:-2;pointer-events:none}.ambient-glow-1{position:absolute;top:10%;left:15%;width:35vw;height:35vw;background:radial-gradient(circle,color-mix(in srgb,var(--btn-bg) 10%,transparent) 0%,transparent 70%);filter:blur(50px);z-index:-1;pointer-events:none;transform:translateZ(0)}.ambient-glow-2{position:absolute;top:60%;right:10%;width:40vw;height:40vw;background:radial-gradient(circle,color-mix(in srgb,var(--btn-bg) 7%,transparent) 0%,transparent 70%);filter:blur(60px);z-index:-1;pointer-events:none;transform:translateZ(0)}a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--btn-bg, #2563eb)!important;outline-offset:2px!important}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:200;background:var(--btn-bg, #2563eb);color:var(--btn-color, #fff);padding:.6rem 1rem;border-radius:8px;font-family:var(--font-sans);font-weight:600;transition:top .2s ease}.skip-link:focus{top:.75rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text) 20%,transparent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:16px;padding:2rem;transition:border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 30px #0000004d,0 0 15px color-mix(in srgb,var(--btn-bg) 8%,transparent)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--gradient-accent);color:var(--btn-color, white);border:none;box-shadow:0 4px 15px color-mix(in srgb,var(--btn-bg) 22%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--btn-bg) 35%,transparent);opacity:.95}.btn-secondary{background:color-mix(in srgb,var(--color-text) 5%,transparent);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent);border-color:var(--border-hover);transform:translateY(-2px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}}