:root{--bg-color: #050508;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--border-color: rgba(255, 255, 255, .08);--panel-bg: rgba(12, 14, 20, .95)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);font-family:Instrument Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;color:var(--text-main);overflow:hidden;width:100vw;height:100vh}#app{position:relative;width:100%;height:100%}#grid-container{position:fixed;inset:0;z-index:1}.content-overlay{position:fixed;inset:0;z-index:10;padding:60px;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.hero-content{text-align:center;pointer-events:auto}.badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px solid rgba(139,92,246,.3);border-radius:24px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-secondary);margin-bottom:24px;backdrop-filter:blur(8px)}.hero-title{font-size:clamp(48px,10vw,96px);font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#94a3b8,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 0 60px rgba(139,92,246,.3)}.hero-subtitle{font-size:18px;color:var(--text-muted);font-weight:400;max-width:400px;margin:0 auto;line-height:1.6}.controls{position:fixed;top:20px;right:20px;z-index:10000;width:300px}.presets-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:var(--panel-bg);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;z-index:50}.preset-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:10px 20px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover{color:var(--text-main);background:#ffffff0d}.preset-btn.active{color:var(--text-main);background:linear-gradient(135deg,#8b5cf633,#06b6d433);border-color:#8b5cf64d}.preset-reset{border-left:1px solid var(--border-color);margin-left:4px;padding-left:24px}