:root{--bg: #08080c;--glass: rgba(34,34,34,.88);--glass-hover: rgba(51,51,51,1);--glass-b: rgba(255,255,255,.07);--border: rgba(255,255,255,.09);--border-f: rgba(255,255,255,.25);--input-bg: rgba(255,255,255,.07);--t1: rgba(255,255,255,.94);--t2: rgba(255,255,255,.8);--t3: rgba(255,255,255,.5);--t4: rgba(255,255,255,.37);--t5: rgba(255,255,255,.21);--accent: #339AF0;--accent-dim: rgba(51,154,240,.12);--p1:#FF6B6B;--p2:#FFA94D;--p3:#FFD43B;--p4:#51CF66;--p5:#339AF0;--p6:#5C7CFA;--p7:#CC5DE8;--p8:#F06595;--font: "DM Sans", system-ui, sans-serif;--radius: 14px;--radius-sm: 10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--t1);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100%}a{color:inherit;text-decoration:none}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:24px;text-align:center;overflow:hidden}.bloom-stage{position:relative;width:min(340px,60vw);height:min(340px,60vw);flex-shrink:0}.bloom-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(255,255,255,.03);pointer-events:none;transform:translate(-50%,-50%)}.bloom-ring--1{width:65%;height:65%;animation:ringPulse 4s ease-in-out infinite}.bloom-ring--2{width:91%;height:91%;animation:ringPulse 4s 1s ease-in-out infinite}@keyframes ringPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.04)}}.bloom-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:26px;background:linear-gradient(160deg,#252525,#1a1a1a);border:1px solid rgba(255,255,255,.21);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.9;transition:opacity .15s,box-shadow .3s;outline:none;padding:0}.bloom-btn:hover{opacity:1}.bloom-btn.open{opacity:1;box-shadow:0 0 50px #339af01a}.bp{fill:#a0a0a0;transition:fill .25s}.bc{fill:#c8c8c8;transition:fill .25s}.bloom-btn.open .bp[data-i="0"]{fill:var(--p1)}.bloom-btn.open .bp[data-i="1"]{fill:var(--p2)}.bloom-btn.open .bp[data-i="2"]{fill:var(--p3)}.bloom-btn.open .bp[data-i="3"]{fill:var(--p4)}.bloom-btn.open .bp[data-i="4"]{fill:var(--p5)}.bloom-btn.open .bp[data-i="5"]{fill:var(--p6)}.bloom-btn.open .bp[data-i="6"]{fill:var(--p7)}.bloom-btn.open .bp[data-i="7"]{fill:var(--p8)}.bloom-btn.open .bc{fill:#ffd43b}.bloom-petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bloom-petal{position:absolute;width:42px;height:42px;border-radius:50%;background:#222222e0;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;opacity:0;transform:translate(-50%,-50%) scale(0);top:50%;left:50%;will-change:transform,opacity}.bloom-petal:hover{z-index:99!important}.bloom-petal svg{width:18px;height:18px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}.bloom-petal[data-color="0"] svg{stroke:var(--p1)}.bloom-petal[data-color="1"] svg{stroke:var(--p2)}.bloom-petal[data-color="2"] svg{stroke:var(--p3)}.bloom-petal[data-color="3"] svg{stroke:var(--p4)}.bloom-petal[data-color="4"] svg{stroke:var(--p5)}.bloom-petal[data-color="5"] svg{stroke:var(--p6)}.bloom-petal[data-color="6"] svg{stroke:var(--p7)}.bloom-petal[data-color="7"] svg{stroke:var(--p8)}.bloom-tip{position:absolute;font-size:10px;font-weight:500;color:#ffffffde;background:#222222eb;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:3px 8px;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;transition:opacity .12s}.hero__text{margin-top:clamp(12px,3vh,32px);max-width:440px;opacity:0;animation:up .8s .3s forwards}.hero__above{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);margin-bottom:4px}.hero__title{font-size:clamp(2rem,5.5vw,4.2rem);font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,var(--t1) 40%,var(--t3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__sub{font-size:clamp(.78rem,1.5vw,.88rem);color:var(--t3);font-weight:300;line-height:1.6;margin-top:8px}.hero__cta{margin-top:clamp(12px,2.5vh,24px);display:flex;flex-direction:column;align-items:center;gap:8px}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:600;font-size:.88rem;background:var(--accent);color:#fff;padding:11px 26px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .15s}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 28px #339af038}.btn-secondary{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.78rem;font-weight:500;color:var(--t3);background:transparent;border:1px solid var(--glass-b);border-radius:var(--radius-sm);padding:7px 16px;cursor:pointer;transition:all .15s}.btn-secondary:hover{color:var(--t1);border-color:var(--border);background:var(--glass)}.hero__meta{font-size:.68rem;color:var(--t5);font-weight:400;letter-spacing:.03em}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.bloom-stage{width:240px;height:240px}}@media(max-height:700px){.bloom-stage{width:240px;height:240px}.hero__sub{display:none}}@media(max-height:550px){.bloom-stage{width:180px;height:180px}.hero__above{display:none}}