:root{--bg-top: #2b6bd6;--bg-bottom: #123a8f;--yellow: #ffce00;--yellow-dark: #e6a800;--red: #ff3b3b;--green: #3ddc3d;--green-dark: #22a022;--purple: #a25bff;--white: #ffffff;--dark: #1a1a2e;--outline: rgba(0, 0, 0, .55)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:Rubik,system-ui,sans-serif;background:radial-gradient(ellipse at 50% -10%,#4b8cf0 0%,var(--bg-top) 40%,var(--bg-bottom) 100%);background-attachment:fixed;color:var(--white);overflow-x:hidden}.app{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.bg-decor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.spark{position:absolute;width:14px;height:14px;background:var(--yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.5;animation:twinkle 3s ease-in-out infinite}.s1{top:12%;left:8%;transform:scale(1.4);animation-delay:0s}.s2{top:25%;right:10%;transform:scale(.9);animation-delay:.6s}.s3{top:65%;left:5%;transform:scale(1.1);animation-delay:1.2s}.s4{bottom:12%;right:7%;transform:scale(1.5);animation-delay:1.8s}.s5{top:45%;right:20%;transform:scale(.7);animation-delay:2.4s}.s6{bottom:30%;left:18%;transform:scale(.8);animation-delay:.9s}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.7}}.screen{position:relative;z-index:1;width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;animation:screenIn .45s cubic-bezier(.2,1.4,.4,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(26px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-title{font-family:Lilita One,Rubik,sans-serif;line-height:.95;text-transform:uppercase;display:flex;flex-direction:column;transform:rotate(-3deg)}.logo-line1{font-size:clamp(56px,12vw,110px);color:var(--yellow);-webkit-text-stroke:3px var(--outline);text-shadow:0 6px 0 var(--outline),0 12px 24px rgba(0,0,0,.4)}.logo-line2{font-size:clamp(44px,9vw,84px);color:var(--white);-webkit-text-stroke:3px var(--outline);text-shadow:0 6px 0 var(--outline),0 12px 24px rgba(0,0,0,.4)}.screen-title{font-family:Lilita One,Rubik,sans-serif;font-size:clamp(32px,6vw,52px);text-transform:uppercase;color:var(--yellow);-webkit-text-stroke:2px var(--outline);text-shadow:0 4px 0 var(--outline);transform:rotate(-2deg)}.screen-title.big{font-size:clamp(40px,8vw,64px)}.subtitle{font-weight:700;font-size:clamp(15px,2.5vw,19px);color:#e6f0ff;text-shadow:0 2px 4px rgba(0,0,0,.45);line-height:1.5}.subtitle.strong{font-size:clamp(17px,3vw,22px)}.subtitle b{color:var(--yellow)}.hint{font-weight:700;font-size:14px;color:#cfe0ff;text-shadow:0 2px 3px rgba(0,0,0,.4)}.hint b{color:var(--yellow);font-size:16px}.btn{font-family:Lilita One,Rubik,sans-serif;text-transform:uppercase;letter-spacing:.5px;border:3px solid var(--outline);border-radius:14px;cursor:pointer;color:var(--white);text-decoration:none;transition:transform .12s ease,filter .12s ease;-webkit-text-stroke:1px rgba(0,0,0,.35)}.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px) scale(.98)}.btn-primary{background:linear-gradient(180deg,#ffe14d 0%,var(--yellow) 45%,var(--yellow-dark) 100%);color:#4a2f00;-webkit-text-stroke:0;box-shadow:0 6px #8a6400,0 12px 22px #00000059}.btn-big{font-size:clamp(22px,4vw,30px);padding:18px 46px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-big:hover:not(:disabled),.btn-big:active:not(:disabled){animation:none}.btn-small{font-size:16px;padding:9px 22px;pointer-events:none}.btn-secondary{background:linear-gradient(180deg,#5be05b 0%,var(--green) 45%,var(--green-dark) 100%);font-size:15px;padding:12px 18px;box-shadow:0 4px #157015,0 8px 16px #0000004d;white-space:nowrap}.btn-ghost{background:#ffffff1f;border-color:#ffffff80;font-size:15px;padding:11px 22px;box-shadow:0 4px #0000004d}.btn:disabled,.btn-locked{animation:none;cursor:not-allowed;filter:saturate(.25) brightness(.75);box-shadow:0 4px #0006}.badge-free{font-family:Lilita One,Rubik,sans-serif;background:linear-gradient(180deg,#ff6b6b,var(--red));border:3px solid var(--outline);border-radius:999px;padding:8px 26px;font-size:18px;transform:rotate(-4deg);box-shadow:0 4px #0006;animation:wobble 2.4s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(3deg) scale(1.06)}}.hero-boxes{display:flex;gap:clamp(10px,4vw,34px);margin:8px 0}.hero-box{font-size:clamp(56px,10vw,92px);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));animation:floatBox 2.8s ease-in-out infinite}.hb1{animation-delay:0s}.hb2{animation-delay:.5s;transform:scale(1.25)}.hb3{animation-delay:1s}@keyframes floatBox{0%,to{translate:0 0;rotate:-4deg}50%{translate:0 -16px;rotate:4deg}}.boxes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;width:100%}.box-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 18px 24px;border-radius:20px;border:3px solid var(--outline);background:linear-gradient(180deg,#ffffff29,#ffffff0d);box-shadow:0 8px #00000059,0 16px 30px #0000004d;cursor:pointer;color:var(--white);font-family:inherit;transition:transform .15s ease,box-shadow .15s ease}.box-card:hover{transform:translateY(-8px) scale(1.04) rotate(-1deg);box-shadow:0 14px #00000059,0 26px 40px #0006}.accent-blue{background:linear-gradient(180deg,#4b8cf0,#2559b8)}.accent-gold{background:linear-gradient(180deg,#f0b93d,#b87a10)}.accent-purple{background:linear-gradient(180deg,#a25bff,#5f2bb8)}.box-tag{position:absolute;top:-14px;font-family:Lilita One,Rubik,sans-serif;font-size:13px;padding:5px 16px;border-radius:999px;border:2px solid var(--outline);box-shadow:0 3px #00000059}.tag-blue{background:#35c4ff;color:#063a52}.tag-gold{background:var(--yellow);color:#4a2f00}.tag-purple{background:#d29bff;color:#3a1070}.box-emoji{font-size:64px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.box-name{font-family:Lilita One,Rubik,sans-serif;font-size:22px;-webkit-text-stroke:1px var(--outline);text-shadow:0 3px 0 var(--outline)}.box-desc{font-size:14px;font-weight:500;color:#ffffffeb;min-height:42px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.chosen-box{font-size:84px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));animation:floatBox 2.8s ease-in-out infinite}.link-row{display:flex;gap:10px;width:100%;max-width:560px}.link-input{flex:1;min-width:0;font-family:Rubik,monospace;font-weight:700;font-size:15px;padding:13px 16px;border-radius:12px;border:3px solid var(--outline);background:#00000059;color:var(--yellow);outline:none}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.share-btn{display:flex;align-items:center;gap:8px;font-family:Lilita One,Rubik,sans-serif;font-size:16px;color:var(--white);text-decoration:none;padding:12px 22px;border-radius:12px;border:3px solid var(--outline);box-shadow:0 4px #00000059;transition:transform .12s ease,filter .12s ease}.share-btn:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.1)}.share-tg{background:linear-gradient(180deg,#40b3e0,#1f7fb0)}.share-max{background:linear-gradient(180deg,#9b6bff,#6b3fd4)}.share-vk{background:linear-gradient(180deg,#5a8de0,#3660ab)}.share-icon{font-size:20px}.progress-block{width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#00000047;border:3px solid rgba(0,0,0,.4);border-radius:18px;padding:18px 20px}.progress-label{font-weight:700;font-size:17px;text-shadow:0 2px 3px rgba(0,0,0,.4)}.progress-label b{color:var(--yellow);font-size:20px}.progress-bar{width:100%;height:26px;border-radius:999px;border:3px solid var(--outline);background:#00000073;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:repeating-linear-gradient(-45deg,var(--green) 0 14px,#35c235 14px 28px);box-shadow:inset 0 3px #ffffff59;transition:width .5s cubic-bezier(.2,1.2,.4,1)}.opened-box{position:relative;display:flex;align-items:center;justify-content:center}.opened-box-emoji{font-size:110px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45));animation:openPop .7s cubic-bezier(.2,1.6,.4,1)}@keyframes openPop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.burst{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffce008c,#ffce0000 65%);animation:burstGlow 1.8s ease-in-out infinite;z-index:-1}@keyframes burstGlow{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:1}}.rewards-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.reward{font-family:Lilita One,Rubik,sans-serif;font-size:19px;background:#00000052;border:3px solid rgba(0,0,0,.45);border-radius:12px;padding:10px 18px;animation:rewardIn .5s cubic-bezier(.2,1.5,.4,1) backwards}.reward:nth-child(1){animation-delay:.15s}.reward:nth-child(2){animation-delay:.3s}.reward:nth-child(3){animation-delay:.45s}@keyframes rewardIn{0%{opacity:0;transform:translateY(20px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:confettiFall 3.2s linear infinite}.c1{background:var(--yellow)}.c2{background:var(--red)}.c3{background:var(--green)}.c4{background:#35c4ff}.c5{background:var(--purple)}.c6{background:var(--white)}@keyframes confettiFall{0%{transform:translateY(-30px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}.invite-gate{gap:0}.verify-card{position:relative;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 22px 22px;border-radius:22px;background:linear-gradient(180deg,#232a4d,#171b34);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px #00000080}.verify-tag{font-family:Rubik,sans-serif;font-weight:900;font-size:12px;letter-spacing:2px;color:#6f8bff;text-transform:uppercase}.verify-image-panel{position:relative;width:100%;aspect-ratio:16 / 11;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#7ed957,#4a9e2e 55%,#2d6b1a);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 3px #00000026}.verify-logo{position:absolute;top:10px;left:50%;transform:translate(-50%);width:42%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));z-index:2}.verify-box-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));animation:floatBox 3s ease-in-out infinite}.verify-title{font-family:Rubik,sans-serif;font-weight:900;font-size:21px;color:#fff;text-align:center;margin-top:4px}.verify-desc{font-weight:500;font-size:15px;color:#b9c2e0;text-align:center}.verify-desc b{color:var(--yellow)}.btn-verify{width:100%;background:linear-gradient(180deg,#6a7bff,#7d5cff);color:#fff;-webkit-text-stroke:0;font-size:18px;padding:15px;border-color:transparent;border-radius:14px;box-shadow:0 6px 18px #6d5cff73}.btn-done{width:100%;background:#ffffff14;color:#fff;-webkit-text-stroke:0;font-size:16px;padding:13px;border:2px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:none}.verify-note{font-size:12px;color:#8a93b5;text-align:center;margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#060918b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:100%;max-width:400px;background:linear-gradient(180deg,#232a4d,#171b34);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px 22px;box-shadow:0 24px 60px #0009;animation:screenIn .3s cubic-bezier(.2,1.3,.4,1)}.modal-center{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#9aa3c4;font-size:28px;line-height:1;cursor:pointer}.modal-close:hover{color:#fff}.modal-title{font-family:Rubik,sans-serif;font-weight:900;font-size:20px;color:#fff;text-align:center;margin-bottom:18px}.modal .share-row{margin-bottom:16px}.spinner{width:58px;height:58px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:#7d5cff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading-text{font-weight:700;font-size:16px;color:#cfd6f0}.error-icon{width:66px;height:66px;border-radius:50%;background:linear-gradient(180deg,#ff5b5b,#e02020);color:#fff;font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #e0202080;animation:errPop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes errPop{0%{transform:scale(0)}to{transform:scale(1)}}.error-title{color:#ff6b6b;margin-bottom:0}.error-text{font-weight:700;font-size:17px;color:#e6ebff}.error-modal .btn-verify{margin-top:4px}.success-icon{width:66px;height:66px;border-radius:50%;background:linear-gradient(180deg,#5be05b,#22a022);color:#fff;font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #22a02280;animation:errPop .4s cubic-bezier(.2,1.6,.4,1)}.success-title{color:#5be05b;margin-bottom:0}.success-text{font-weight:700;font-size:17px;color:#e6ebff;line-height:1.5}.success-hint{font-size:14px;color:#9aa3c4;margin-top:-4px}.btn-telegram{display:block;width:100%;margin-top:8px;padding:15px;font-family:Lilita One,Rubik,sans-serif;font-size:18px;text-transform:uppercase;text-align:center;text-decoration:none;color:#fff;border:3px solid transparent;border-radius:14px;background:linear-gradient(180deg,#40b3e0,#1f7fb0);box-shadow:0 6px 18px #1f7fb073;transition:transform .12s ease,filter .12s ease}.btn-telegram:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.08)}.success-modal .btn-telegram{margin-top:4px}@media (max-width: 560px){.link-row{flex-direction:column}.btn-secondary{width:100%;padding:14px}.hero-box{font-size:54px}}