@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-normal);font-size:.95rem;letter-spacing:0em;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow),inset 0 1px #fff3}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px var(--color-primary-glow)}.btn-secondary{background:#ffffff0d;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:10px 20px}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff08}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px;transition:all var(--transition-normal);position:relative}.card:hover{border-color:var(--color-border-hover);box-shadow:0 10px 40px -10px #00000080}.card-glass{background:#0e0e11b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.input-base{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);padding:16px 20px;border-radius:var(--radius-md);font-family:inherit;font-size:1.1rem;width:100%;transition:all var(--transition-fast)}.input-base:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);background:var(--color-bg-surface)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-10px;box-shadow:0 2px 8px #0000004d;border:2px solid var(--color-bg-main);transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--color-bg-elevated);border-radius:var(--radius-full)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-bg-elevated)}:root{--color-bg-main: #050507;--color-bg-surface: #0e0e11;--color-bg-elevated: #18181b;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-glow: rgba(59, 130, 246, .25);--color-accent: #10b981;--color-danger: #f43f5e;--color-text-primary: #ffffff;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-border-active: rgba(59, 130, 246, .5);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--container-width: 1024px;--header-height: 72px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-expo: cubic-bezier(.19, 1, .22, 1);--transition-fast: .15s var(--ease-expo);--transition-normal: .3s var(--ease-expo)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-primary);line-height:1.5;font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:var(--color-text-primary)}h1{font-size:clamp(3rem,6vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;border:none;background:none;cursor:pointer}.container{max-width:var(--container-width);margin:0 auto;padding:0 32px}.text-gradient{background:linear-gradient(135deg,#fff 10%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}