:root{--bg-primary: #0a0f19;--bg-secondary: #111827;--bg-card: #161e2e;--bg-card-hover: #1c2638;--text-primary: #ffffff;--text-secondary: #bcc8d8;--text-muted: #9cadbc;--accent-teal: #00c9d4;--accent-teal-hover: #00e5f0;--accent-magenta: #e91e8c;--accent-magenta-soft: rgba(233, 30, 140, .15);--accent-green: #7ed321;--accent-green-hover: #8ee02a;--gradient-teal: linear-gradient(135deg, #00c9d4 0%, #00a8b3 100%);--gradient-outline: linear-gradient(135deg, var(--accent-magenta), var(--accent-teal));--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--section-padding-y: clamp(3rem, 8vw, 5rem);--section-padding-x: clamp(1rem, 5vw, 2.5rem);--container-max: 1280px;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--text-hero: clamp(2.5rem, 5vw, 3.75rem);--text-h1: clamp(2rem, 4vw, 3rem);--text-h2: clamp(1.5rem, 3vw, 2.25rem);--text-h3: clamp(1.25rem, 2vw, 1.5rem);--text-body: 1rem;--text-small: .9375rem;--line-tight: 1.2;--line-normal: 1.5;--line-relaxed: 1.65;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .25);--shadow-button: 0 4px 20px rgba(0, 201, 212, .35);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-relaxed);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#main{position:relative;z-index:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--section-padding-x)}.section-label{font-size:var(--text-small);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-magenta);margin-bottom:var(--space-md);display:block}.section-title{font-size:var(--text-h1);font-weight:700;line-height:var(--line-tight);color:var(--text-primary);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-normal),background var(--transition-normal),color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}.btn-primary{background:var(--gradient-teal);color:var(--text-primary);box-shadow:var(--shadow-button)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #00c9d473}.btn-secondary{background:transparent;color:var(--accent-teal);border:2px solid var(--accent-teal)}.btn-secondary:hover{background:#00c9d41a;transform:translateY(-2px)}.btn-accent{background:var(--accent-green);color:var(--bg-primary)}.btn-accent:hover{background:var(--accent-green-hover);transform:translateY(-2px)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);transition:background var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-card),0 12px 40px #00000059,0 0 0 1px #00c9d40f;transform:translateY(-4px)}.dotted-frame{position:relative;border-radius:var(--radius-xl);padding:6px;background:var(--bg-primary);background-clip:padding-box}.dotted-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:4px;background:var(--gradient-outline);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}33%{background-position:100% 50%}66%{background-position:50% 100%}to{background-position:0% 50%}}.skip-link{position:absolute;top:-100px;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--accent-teal);color:var(--bg-primary);font-weight:600;border-radius:var(--radius-sm);z-index:200;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-md);outline:2px solid var(--text-primary);outline-offset:2px}.scroll-reveal{opacity:0;transform:translateY(48px);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1);transition-delay:var(--scroll-reveal-delay, 0ms)}.scroll-reveal--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}