:root{--base-hue: 220;--base-sat: 65%;--base-light: 92%;--bg-color: hsl(var(--base-hue), var(--base-sat), var(--base-light));--text-color: #1a1a1a;--temp-hue: 0;--brightness-mod: 0%;--font-primary: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:linear-gradient(135deg,hsl(var(--base-hue),70%,88%),hsl(calc(var(--base-hue) + 60),65%,92%),hsl(calc(var(--base-hue) + 120),60%,96%));color:var(--text-color);overflow-x:hidden;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .1s ease}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;perspective:1000px}.cd-element{position:absolute;border-radius:50%;background:radial-gradient(circle at center,transparent 18%,rgba(255,255,255,1) 18.5%,rgba(255,255,255,0) 19%),conic-gradient(from 0deg,transparent 0%,rgba(255,255,255,.8) 10%,transparent 20%,rgba(255,255,255,.9) 45%,transparent 60%,rgba(255,255,255,.8) 80%,transparent 95%),radial-gradient(circle at center,transparent 35%,rgba(255,255,255,.4) 100%);box-shadow:0 10px 30px #00000026,inset 0 0 20px #fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);opacity:1;transition:transform .1s ease}.cd-1{width:400px;height:400px;top:-10%;right:-5%;background-color:#2952ffd9;box-shadow:0 20px 50px #2952ff66}.cd-2{width:300px;height:300px;bottom:5%;left:-5%;background-color:#ff6b6bd9;box-shadow:0 20px 50px #ff6b6b66}.cd-3{width:200px;height:200px;top:40%;right:15%;background-color:#ff7b00d9;box-shadow:0 20px 50px #ffbb00d9}main{width:100%;display:flex;justify-content:center}.hero{text-align:center;padding:2rem;position:relative;z-index:1}.brand-name{font-size:2rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.02em;opacity:0;transform:translateY(20px)}.status-container{margin-bottom:1rem}.status-text{font-size:5vw;font-weight:300;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;opacity:0;transform:translateY(30px);color:var(--text-color)}.dot-loader{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:fit-content;margin:3rem auto 0;opacity:0;transition:transform .3s ease-out}.dot{width:4px;height:4px;background-color:#1a1a1a1a;border-radius:50%;transition:background-color .2s,transform .2s}.dot.active{background-color:var(--text-color);transform:scale(1.2)}.subtext{font-size:.9rem;font-weight:400;color:#666;max-width:400px;margin:0 auto;opacity:0;transform:translateY(20px);letter-spacing:.02em}footer{position:fixed;bottom:2rem;width:100%;text-align:center;font-size:.8rem;color:#888;opacity:0}@media (min-width: 768px){.brand-name{font-size:3rem}.status-text{font-size:5rem}}