:root{--color-bg-primary:#000;--color-bg-secondary:#0a0a0a;--color-bg-card:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-accent-blue:#3b82f6;--color-accent-blue-light:#60a5fa;--color-accent-blue-dark:#2563eb;--color-border-primary:hsla(0,0%,100%,.1);--color-border-secondary:hsla(0,0%,100%,.2);--color-button-bg:#1a1a1a;--color-button-hover:#2a2a2a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-glow:0 0 20px rgba(59,130,246,.3);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.section{padding:var(--spacing-20) 0;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center}.section,footer[id],section[id]{scroll-margin-top:80px}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-decoration:none;border:1px solid var(--color-border-secondary);background-color:var(--color-button-bg);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal)}.btn:hover{background-color:var(--color-button-hover);border-color:var(--color-text-primary);transform:translateY(-2px)}.btn-primary{background-color:var(--color-accent-blue);border-color:var(--color-accent-blue)}.btn-primary:hover{background-color:var(--color-accent-blue-dark);border-color:var(--color-accent-blue-dark)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-glow)}@media (max-width:768px){html{scroll-snap-type:none}.container{padding:0 var(--spacing-4)}.section{padding:var(--spacing-12) 0;min-height:auto}footer[id],section[id]{scroll-margin-top:70px}}