:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #ffffff;--glass-bg: rgba(20, 20, 20, .4);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--font-heading: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--easing: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh;min-height:-webkit-fill-available;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;pointer-events:none}#gradient-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.4;pointer-events:none}main{position:relative;z-index:1}.ambient-light{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(76,29,149,.08),transparent 40%),radial-gradient(circle at 85% 30%,rgba(56,189,248,.05),transparent 40%);z-index:-1;pointer-events:none}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;color:var(--text-primary)}a{text-decoration:none;color:inherit}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-title{font-size:clamp(4rem,10vw,8rem);line-height:.9;letter-spacing:-.02em;margin-bottom:1.5rem;background:linear-gradient(to bottom right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-weight:300}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.separator{opacity:.3}.content-section{padding:8rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:3rem;margin-bottom:4rem;text-align:center}.grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:#ffffff05;border:1px solid var(--glass-border);padding:2.5rem;border-radius:24px;transition:transform .3s var(--easing),border-color .3s ease}.card:hover{transform:translateY(-5px);border-color:var(--glass-highlight);background:#ffffff0a}.card h3{font-size:1.5rem;margin-bottom:1rem}.card p{color:var(--text-secondary);font-size:1rem}.creations-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.creation-item{position:relative}.creation-placeholder{aspect-ratio:16/9;background:linear-gradient(45deg,#111,#1a1a1a);border-radius:16px;margin-bottom:1rem;border:1px solid var(--glass-border)}.creation-item h4{font-size:1.2rem}.footer{text-align:center;padding:4rem 2rem 8rem;color:var(--text-secondary);font-size:.9rem}.dock-container{position:fixed;bottom:2rem;left:0;width:100%;display:flex;justify-content:center;z-index:1000;pointer-events:none}.dock{pointer-events:auto;display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;border-radius:100px;background:transparent;border:1px solid transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);box-shadow:none;transition:background .5s var(--easing),border-color .5s var(--easing),backdrop-filter .5s var(--easing),box-shadow .5s var(--easing),padding .5s var(--easing),transform .5s var(--easing)}.dock-logo{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--text-primary);opacity:.8;transition:opacity .3s}.dock-links{display:flex;gap:1.5rem}.dock-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;font-family:var(--font-heading);transition:all .3s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dock-logo:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(255,255,255,.3)}.dock-link{font-size:.95rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.dock-link:hover:not(.active){color:var(--text-primary)}.dock-link.active{color:var(--text-primary);font-weight:600}.dock-link{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dock-cta{background:var(--text-primary);color:var(--bg-color);padding:.6rem 1.2rem;border-radius:100px;font-weight:600;font-size:.9rem;transition:transform .2s,background .2s}.dock-cta:hover{transform:scale(1.05);background:#fff}.dock.scrolled{background:#ffffff03;backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px -10px #0009,inset 0 1px #ffffff4d,inset 0 -1px #0003;padding:.85rem 2.5rem;transform:translateZ(0);will-change:backdrop-filter;position:relative;overflow:hidden;border-radius:100px;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000)}.dock.scrolled:hover{background:#ffffff0f;box-shadow:0 30px 60px -15px #000000b3,inset 0 1px #fff6,inset 0 -1px #0003;transform:translateY(-2px) translateZ(0)}.settings-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;z-index:10000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;transform-origin:center center}.settings-toggle:hover{background:#fff3;transform:rotate(90deg)}.settings-panel{position:fixed;bottom:80px;right:20px;width:300px;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:20px;z-index:9999;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom right;max-height:80vh;overflow-y:auto}.settings-panel.hidden{opacity:0;transform:scale(.9) translateY(20px);pointer-events:none}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-size:.9rem;color:#ffffffb3}.control-group input[type=range]{width:100%;background:transparent;-webkit-appearance:none;appearance:none}.control-group input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#fff3;border-radius:2px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-6px;cursor:pointer;box-shadow:0 0 10px #ffffff80}@media(max-width:768px){.hero-title{font-size:3.5rem}.dock{gap:.5rem;padding:.5rem 1rem;width:auto;max-width:90vw;justify-content:center;bottom:max(15px,env(safe-area-inset-bottom,15px))}.dock-logo{font-size:1.2rem;min-width:auto}.dock-links{gap:.5rem}.dock-link{font-size:.85rem;padding:.4rem .6rem;white-space:nowrap}.dock-cta{font-size:.85rem;padding:.4rem .8rem;white-space:nowrap}.settings-toggle{bottom:max(75px,calc(env(safe-area-inset-bottom,15px) + 60px));right:15px;width:42px;height:42px;font-size:1.2rem}.settings-panel{bottom:max(125px,calc(env(safe-area-inset-bottom,15px) + 110px));right:15px;width:calc(100vw - 30px);max-width:320px;max-height:60vh}}@media(max-width:480px){.dock{padding:.4rem .8rem;gap:.4rem}.dock-logo{font-size:1.1rem}.dock-link{font-size:.8rem;padding:.35rem .5rem}.dock-cta{font-size:.8rem;padding:.35rem .7rem}}