*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080c;--purple:#8b3dff;--magenta:#d940ef;--purple-light:#a855f7;--magenta-light:#e879f9;--white:#fff;--white-08:rgba(255,255,255,.08);--white-15:rgba(255,255,255,.15);--white-20:rgba(255,255,255,.2);--white-60:rgba(255,255,255,.6);--white-70:rgba(255,255,255,.7);--card-bg:rgba(255,255,255,.06);--card-border:rgba(255,255,255,.12)}html{height:100%;overflow:hidden}body{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--white);height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;animation:fadeInBody .8s ease-out .1s forwards}@keyframes fadeInBody{to{opacity:1}}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,rgba(139,61,255,.18) 0,transparent 55%),radial-gradient(ellipse at 65% 55%,rgba(217,64,239,.14) 0,transparent 50%),radial-gradient(ellipse at 35% 60%,rgba(139,61,255,.1) 0,transparent 45%);animation:bgShift 60s ease-in-out infinite}@keyframes bgShift{0%,100%{opacity:.85;transform:scale(1)}25%{opacity:1;transform:scale(1.04)}50%{opacity:.9;transform:scale(1.02)}75%{opacity:1;transform:scale(1.05)}}.top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,3vw,28px);height:clamp(42px,5.5vh,52px);background:rgba(8,8,12,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:10px}.top-bar-logo{height:clamp(24px,3.2vh,30px);width:auto;display:block}.top-bar-right{display:flex;align-items:center;gap:clamp(8px,2vw,18px)}.online-indicator{display:flex;align-items:center;gap:7px;font-size:clamp(11px,1.4vw,13px);font-weight:400;color:var(--white-70);white-space:nowrap;letter-spacing:.02em}.online-dots{display:flex;gap:4px;align-items:center}.online-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:dotPulse 1.8s ease-in-out infinite}.online-dot:nth-child(2){animation-delay:.4s}.online-dot:nth-child(3){animation-delay:.8s}@keyframes dotPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.badge{display:inline-flex;align-items:center;gap:5px;font-size:clamp(10px,1.2vw,12px);font-weight:400;color:var(--white-70);background:var(--white-08);border-radius:20px;padding:5px 10px;white-space:nowrap;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08)}.badge-check{width:13px;height:13px;flex-shrink:0;animation:checkPop .5s ease-out .6s both}.badge:nth-child(2) .badge-check{animation-delay:.85s}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.35)}100%{transform:scale(1);opacity:1}}.main-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;padding:clamp(16px,3vh,32px) clamp(16px,4vw,40px);gap:clamp(18px,3.5vh,36px);min-height:0}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);animation:heroRise .7s ease-out .3s both}@keyframes heroRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(28px,5.5vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--white);text-shadow:0 0 60px rgba(168,85,247,.45),0 0 120px rgba(217,64,239,.3),0 0 200px rgba(139,61,255,.2);max-width:90vw}.accent-line{width:clamp(50px,8vw,80px);height:3px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--magenta));opacity:.9;animation:lineGlow 2.5s ease-in-out infinite}@keyframes lineGlow{0%,100%{opacity:.7;box-shadow:0 0 8px rgba(217,64,239,.4)}50%{opacity:1;box-shadow:0 0 18px rgba(217,64,239,.7),0 0 30px rgba(139,61,255,.35)}}.hero-subtitle{font-size:clamp(14px,2vw,18px);font-weight:400;color:var(--white-60);max-width:clamp(280px,55vw,520px);line-height:1.45;letter-spacing:.01em}.cta-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:700;font-size:clamp(15px,2.2vw,18px);letter-spacing:.03em;padding:clamp(13px,2vh,17px) clamp(28px,5vw,44px);border-radius:50px;background:linear-gradient(135deg,#7c22e0 0,#a336f0 30%,#c940ef 60%,#d940ef 100%);box-shadow:0 4px 24px rgba(168,85,247,.4),0 8px 48px rgba(139,61,255,.25),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.15);position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer;border:none;outline:none;min-height:48px;min-width:48px;-webkit-tap-highlight-color:transparent;animation:ctaUnlock .7s cubic-bezier(.34,1.56,.64,1) 1.5s both}.cta-btn:focus-visible{outline:3px solid var(--magenta-light);outline-offset:3px}.cta-btn:hover{transform:scale(1.05);box-shadow:0 6px 32px rgba(168,85,247,.55),0 12px 56px rgba(139,61,255,.35),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.12)}.cta-btn:active{transform:scale(.97);transition:transform .12s ease}@keyframes ctaUnlock{0%{transform:scale(.92);filter:brightness(.75);box-shadow:0 2px 10px rgba(139,61,255,.2),inset 0 0 0 rgba(255,255,255,.05)}60%{transform:scale(1.04);filter:brightness(1.08)}100%{transform:scale(1);filter:brightness(1);box-shadow:0 4px 24px rgba(168,85,247,.4),0 8px 48px rgba(139,61,255,.25),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.15)}}.cards-row{display:flex;gap:clamp(10px,2vw,20px);flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:820px;width:100%;animation:heroRise .7s ease-out .45s both}.card-wrapper{flex:1 1 clamp(140px,22vw,240px);min-width:130px;max-width:260px;padding:2px;border-radius:8px;background:linear-gradient(135deg,var(--purple),var(--magenta),var(--purple-light),var(--magenta-light));background-size:300% 300%;animation:borderShift 5s ease-in-out infinite;opacity:0;animation-fill-mode:both}.card-wrapper:nth-child(1){animation-delay:.6s,.6s}.card-wrapper:nth-child(2){animation-delay:.75s,.75s}.card-wrapper:nth-child(3){animation-delay:.9s,.9s}@keyframes borderShift{0%,100%{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.card-inner{background:rgba(255,255,255,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:6px;padding:clamp(12px,2vh,20px) clamp(10px,2vw,16px);height:100%;display:flex;flex-direction:column;gap:clamp(5px,.8vh,9px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 30px rgba(168,85,247,.06);transition:background .3s ease}.card-inner:hover{background:rgba(255,255,255,.14)}.card-icon{font-size:clamp(18px,2.5vw,24px);line-height:1}.card-title{font-size:clamp(13px,1.6vw,15px);font-weight:700;color:var(--white);letter-spacing:.01em;line-height:1.2}.card-desc{font-size:clamp(11px,1.3vw,13px);font-weight:400;color:var(--white-60);line-height:1.4;letter-spacing:.01em}.site-footer{flex-shrink:0;text-align:center;padding:clamp(8px,1.2vh,14px) clamp(12px,3vw,20px);font-size:clamp(10px,1.2vw,12px);color:rgba(255,255,255,.35);letter-spacing:.03em;position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:600px){.cards-row{gap:8px}.card-wrapper{flex:1 1 100%;max-width:100%;min-width:0}.card-inner{flex-direction:row;align-items:center;gap:10px;padding:10px 14px}.card-icon{flex-shrink:0;font-size:20px}.card-text-wrap{display:flex;flex-direction:column;gap:2px}.card-desc{font-size:11px}.badge{padding:4px 7px;font-size:10px;gap:3px}.badge-check{width:11px;height:11px}.online-indicator{font-size:10px;gap:4px}.top-bar{padding:0 10px}.top-bar-right{gap:6px}}@media(max-width:380px){.hero h1{font-size:24px}.hero-subtitle{font-size:12px}.cta-btn{font-size:14px;padding:11px 22px}.card-inner{padding:8px 10px;gap:7px}.card-icon{font-size:16px}.card-title{font-size:12px}.card-desc{font-size:10px}.badge{display:none}.badge:first-of-type{display:inline-flex}}