body{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}.App,body{background:#0a0a0a}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.App.home-page,.App.other-page,.loading{background:#0a0a0a}.loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:24px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-content{-ms-overflow-style:none;flex:1 1;margin:0 auto;max-width:1200px;padding:80px 40px;scrollbar-width:none;width:100%}.main-content::-webkit-scrollbar{display:none}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.content-wrapper{background:#0a0a0a;display:flex;flex-direction:column;min-height:100vh;position:relative}.btn{-webkit-tap-highlight-color:transparent;background:#0000;border:1px solid #fff;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;touch-action:manipulation;transition:all .2s ease}@media (hover:hover) and (pointer:fine){.btn:hover{box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}}.btn:active{transform:translateY(0);transition:transform .1s ease}.btn-primary{border-color:#fff;color:#fff;width:100%}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:#ffffff1a}}.btn-primary:active{background:#fff3}.btn-primary:disabled{border-color:#fff3;cursor:not-allowed;opacity:.3}.btn-primary:disabled:active{background:#0000;transform:none}.btn-secondary{background:#0000;border-color:#ffffff4d;color:#fff;width:100%}@media (hover:hover) and (pointer:fine){.btn-secondary:hover{background:#ffffff0d;border-color:#fff}}.btn-secondary:active{background:#ffffff1a}.btn-accent{background:#667eea;border:1px solid #667eea;color:#fff;font-weight:600;width:100%}@media (hover:hover) and (pointer:fine){.btn-accent:hover{background:#5568d3;border-color:#5568d3}}.btn-accent:active{background:#4a5bc4;border-color:#4a5bc4}.form-group{margin-bottom:32px}.form-label{display:block;font-size:12px;font-weight:500;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.form-input,.form-label,.form-select,.form-textarea{color:#fff;overflow-wrap:break-word;word-break:break-word}.form-input,.form-select,.form-textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;font-family:inherit;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff14;border-color:#667eea;outline:none}.form-textarea{font-family:inherit;min-height:140px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;cursor:pointer;padding-right:50px}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.card:hover{background:#ffffff0d;border-color:#fff3;box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}}.card-title{color:#fff;font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin-bottom:16px}.card-description,.card-title{overflow-wrap:break-word;word-break:break-word}.card-description{color:#fff9;font-size:13px;font-weight:500;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.card-meta{color:#ffffff80;font-size:12px;overflow-wrap:break-word;word-break:break-word}h1{font-size:clamp(48px,8vw,72px);font-weight:700;letter-spacing:-2px;line-height:1.2;margin-bottom:48px}h1,h2{color:#fff;overflow-wrap:break-word;word-break:break-word}h2{font-size:36px;margin-bottom:32px}h2,h3{font-weight:600}h3{color:#fff;font-size:24px;margin-bottom:24px;overflow-wrap:break-word;word-break:break-word}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.alert{border:1px solid;border-radius:12px;margin-bottom:24px;overflow-wrap:break-word;padding:20px 24px;word-break:break-word}.alert-error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.alert-success{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.channel-list{margin:32px 0}.channel-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;overflow-wrap:break-word;padding:20px 24px;transition:all .3s ease;word-break:break-word}@media (hover:hover) and (pointer:fine){.channel-item:hover{background:#ffffff0d;border-color:#fff3;transform:translateX(4px)}}.channel-item:active{background:#ffffff14}.channel-name{color:#fff;font-size:15px}.channel-name,.channel-status{font-weight:500;overflow-wrap:break-word;word-break:break-word}.channel-status{border:1px solid;border-radius:8px;font-size:11px;letter-spacing:1px;padding:6px 12px;text-transform:uppercase}.channel-status.subscribed{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.channel-status.not-subscribed{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.media-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin:32px 0;overflow:hidden}.media-preview img,.media-preview video{display:block;height:auto;width:100%}.empty-state{color:#ffffff80;padding:100px 20px;text-align:center}.empty-state-icon{font-size:80px;margin-bottom:32px;opacity:.6}.empty-state-text{color:#fff9;font-size:16px;line-height:1.8;margin:0 auto;max-width:400px;overflow-wrap:break-word;word-break:break-word}.prizes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:48px}.card{animation:fadeIn .6s cubic-bezier(.23,1,.32,1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.main-content{padding:40px 20px}h1{font-size:clamp(32px,8vw,48px);margin-bottom:32px}.card{padding:32px 24px}.prizes-grid{gap:20px;grid-template-columns:1fr}.btn{font-size:13px;max-width:100%;padding:16px 24px;width:100%}.form-input,.form-select,.form-textarea{font-size:16px}}@media (max-width:480px){.main-content{padding:30px 16px}h1{font-size:28px;margin-bottom:24px}.card{padding:24px 20px}.btn{font-size:12px;padding:14px 20px}}.prize-list{animation:fadeIn .8s cubic-bezier(.23,1,.32,1);padding:0}.empty-state-centered{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:60px 20px;text-align:center}.empty-state-icon-large{animation:float 3s ease-in-out infinite;font-size:120px;margin-bottom:40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state-title{color:#fff;font-size:clamp(36px,6vw,56px);font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin-bottom:60px;overflow-wrap:break-word;word-break:break-word}.empty-state-steps{display:flex;flex-direction:column;gap:32px;margin-bottom:40px;max-width:600px;width:100%}.empty-state-step{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:24px;padding:32px;text-align:left;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.empty-state-step:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-4px)}}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.step-content h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.step-content h3,.step-content p{overflow-wrap:break-word;word-break:break-word}.step-content p{color:#ffffffb3;font-size:15px;line-height:1.6}.tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:32px;padding-bottom:0}.tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-bottom:2px solid #0000;color:#fff9;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.tab:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.tab:hover{color:#fffc}}.tab.active{border-bottom-color:#667eea;color:#fff}.prizes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:0}@media (max-width:768px){.empty-state-centered{min-height:50vh;padding:40px 16px}.empty-state-icon-large{font-size:80px;margin-bottom:32px}.empty-state-title{font-size:32px;margin-bottom:40px}.empty-state-steps{gap:24px}.empty-state-step{flex-direction:column;padding:24px;text-align:center}.step-number{align-self:center}.step-content{text-align:center}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{font-size:13px;padding:10px 20px;white-space:nowrap}.prizes-grid{grid-template-columns:1fr;margin-top:0}}.share-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal-content{animation:slideUp .3s ease;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:90%}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.share-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin:0}.share-modal-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:opacity .2s;width:32px}.share-modal-close:hover{opacity:1}.share-modal-body{color:#fff}.share-modal-description{background:#ffffff0d;border-radius:8px;font-size:16px;line-height:1.5;margin-bottom:24px;padding:16px}.share-modal-actions{display:flex;flex-direction:column}.confirm-share-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-share-modal-content{animation:slideUp .3s ease;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-width:500px;padding:32px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.confirm-share-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin:0}.confirm-share-modal-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:opacity .2s;width:32px}.confirm-share-modal-close:hover{opacity:1}.confirm-share-modal-body{color:#fff;margin-bottom:24px}.confirm-share-modal-body p{font-size:16px;line-height:1.5;margin:0 0 16px}.confirm-share-modal-note{font-size:14px;font-style:italic;opacity:.7}.confirm-share-modal-channels{background:#ffffff0d;border-radius:8px;margin-top:16px;padding:12px}.confirm-share-modal-channels strong{color:#667eea}.confirm-share-modal-actions{display:flex;gap:12px}.create-prize{animation:fadeIn .8s cubic-bezier(.23,1,.32,1);margin:0 auto;max-width:700px;padding:0}.create-prize h1{margin-bottom:60px;overflow-wrap:break-word;text-align:left;word-break:break-word}.create-prize form{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:50px 40px;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.create-prize form:hover{border-color:#fff3;box-shadow:0 8px 24px #0000004d}}@media (max-width:768px){.create-prize form{padding:32px 24px}.create-prize h1{margin-bottom:40px}}.celebration-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0a0a0af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.celebration-content{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);position:relative;text-align:center;z-index:2}.celebration-icon{animation:bounce 1s ease-in-out infinite;display:inline-block;font-size:120px;margin-bottom:24px}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(-10deg)}75%{transform:translateY(-20px) rotate(10deg)}}.celebration-title{-webkit-text-fill-color:#0000;animation:titlePulse 1s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:64px;font-weight:700;margin-bottom:16px}.celebration-subtitle{color:#fffc;font-size:24px;font-weight:500}.confetti{animation:confettiFall linear forwards;height:12px;opacity:0;position:absolute;top:-10px;width:12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:768px){.celebration-icon{font-size:80px}.celebration-title{font-size:48px}.celebration-subtitle{font-size:20px}}.limit-reached-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0a0a0af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.limit-reached-content{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1);max-width:600px;padding:0 40px;position:relative;text-align:center;z-index:2}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.limit-reached-icon{animation:shake 1s ease-in-out infinite;display:inline-block;font-size:120px;margin-bottom:32px}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-10px) rotate(-5deg)}75%{transform:translateX(10px) rotate(5deg)}}.limit-reached-title{-webkit-text-fill-color:#0000;animation:titlePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:64px;font-weight:700;margin-bottom:24px;overflow-wrap:break-word;word-break:break-word}@keyframes titlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.limit-reached-subtitle{color:#fffc;font-size:20px;font-weight:400;line-height:1.6;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.limit-reached-content{padding:0 24px}.limit-reached-icon{font-size:80px;margin-bottom:24px}.limit-reached-title{font-size:48px;margin-bottom:20px}.limit-reached-subtitle{font-size:18px}}@media (max-width:480px){.limit-reached-content{padding:0 20px}.limit-reached-icon{font-size:60px;margin-bottom:20px}.limit-reached-title{font-size:36px;margin-bottom:16px}.limit-reached-subtitle{font-size:16px}}.prize-view{animation:fadeIn .8s cubic-bezier(.23,1,.32,1);margin:0 auto;max-width:800px;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.prize-opened{padding:60px 0;text-align:center}.prize-description{color:#fff;font-size:clamp(28px,5vw,48px);font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:48px;overflow-wrap:break-word;word-break:break-word}.prize-content{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:60px;padding:50px 40px;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.prize-content:hover{border-color:#fff3;box-shadow:0 8px 24px #0000004d}}.prize-text{word-wrap:break-word;border-radius:12px;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:18px;line-height:1.8;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.prize-text,.subscription-section{background:#ffffff08;border:1px solid #ffffff1a;padding:40px}.subscription-section{border-radius:16px;margin:60px 0;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.subscription-section:hover{border-color:#fff3;box-shadow:0 8px 24px #0000004d}}.subscription-section h3{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:20px;overflow-wrap:break-word;text-transform:none;word-break:break-word}.subscription-section p{color:#ffffffb3;font-size:15px;line-height:1.8;margin-bottom:32px;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.prize-view{padding:0}.prize-opened{padding:40px 0}.prize-content,.subscription-section{padding:32px 24px}.prize-text{font-size:16px;padding:24px 20px}.prize-description{font-size:32px;margin-bottom:32px}}@media (max-width:480px){.prize-opened{padding:30px 0}.prize-content,.subscription-section{padding:24px 16px}.prize-text{font-size:15px;padding:20px 16px}.prize-description{font-size:28px;margin-bottom:24px}.subscription-section h3{font-size:20px}}.openers-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.openers-title{color:#fff;flex:1 1;font-size:20px;font-weight:600;margin:0;min-width:200px;overflow-wrap:break-word;word-break:break-word}.openers-toggle{flex-shrink:0;font-size:13px;min-width:100px;padding:8px 16px;width:auto}.openers-list{margin-top:16px;max-height:400px;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.openers-list::-webkit-scrollbar{width:6px}.openers-list::-webkit-scrollbar-track{background:#0000}.openers-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.openers-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.opener-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;overflow-wrap:break-word;padding:16px 20px;transition:all .3s ease;word-break:break-word}@media (hover:hover) and (pointer:fine){.opener-item:hover{background:#ffffff0d;border-color:#fff3}}.opener-name{color:#fff;font-size:15px;font-weight:600;line-height:1.4;margin-bottom:6px;overflow-wrap:break-word;word-break:break-word}.opener-username{color:#ffffff80;font-weight:400;margin-left:8px}.opener-date{color:#ffffff80;font-size:12px}.opener-date,.openers-empty{overflow-wrap:break-word;word-break:break-word}.openers-empty{color:#fff9;font-size:15px;padding:40px 20px;text-align:center}@media (max-width:768px){.openers-header{align-items:stretch;flex-direction:column;gap:12px}.openers-title{font-size:18px;min-width:0;min-width:auto}.openers-toggle{min-width:0;min-width:auto;width:100%}.openers-list{max-height:300px}.opener-item{padding:14px 16px}.opener-name{font-size:14px}.opener-date{font-size:11px}}@media (max-width:480px){.openers-title{font-size:16px}.openers-toggle{font-size:12px;padding:10px 16px}.openers-list{max-height:250px}.opener-item{padding:12px 14px}.opener-name{font-size:13px}.opener-date{font-size:10px}.openers-empty{font-size:14px;padding:30px 16px}}.onboarding-overlay{align-items:center;animation:fadeInOverlay .5s ease-out;background:#0a0a0a;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.onboarding-container{display:flex;flex-direction:column;height:100%;max-width:100%;padding:0;position:relative;width:100%}.onboarding-content{align-items:center;animation:slideIn .6s cubic-bezier(.23,1,.32,1);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;padding:60px 40px;position:relative;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-icon{animation:iconBounce 1s ease-out .3s both;font-size:clamp(80px,15vw,120px);line-height:1;margin-bottom:40px}@keyframes iconBounce{0%{opacity:0;transform:scale(.5) translateY(-20px)}50%{transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-title{animation:titleFadeIn .8s ease-out .4s both;color:#fff;font-size:clamp(32px,6vw,56px);font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin-bottom:32px;overflow-wrap:break-word;word-break:break-word}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-description{animation:descriptionFadeIn .8s ease-out .6s both;color:#fffc;font-size:clamp(16px,2.5vw,20px);line-height:1.8;margin-bottom:60px;max-width:600px;overflow-wrap:break-word;text-align:center;white-space:pre-line;word-break:break-word}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-steps-indicator{align-items:center;animation:indicatorFadeIn .8s ease-out .8s both;display:flex;gap:12px;justify-content:center;margin-bottom:50px}@keyframes indicatorFadeIn{0%{opacity:0}to{opacity:1}}.step-dot{background:#fff3;border-radius:50%;height:10px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);width:10px}.step-dot.active{background:#667eea;border-radius:20px;box-shadow:0 2px 8px #667eea66;width:40px}.step-dot.active:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.onboarding-actions{animation:actionsFadeIn .8s ease-out 1s both;display:flex;gap:16px;justify-content:center;max-width:500px;width:100%}@keyframes actionsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-actions .btn{-webkit-tap-highlight-color:transparent;background:#0000;border:1px solid #fff;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:1px;min-width:140px;overflow:hidden;padding:18px 32px;position:relative;text-transform:uppercase;touch-action:manipulation;transition:all .2s ease}.onboarding-actions .btn>*{position:relative;z-index:1}.onboarding-actions .btn-secondary{border-color:#ffffff4d;color:#fff}@media (hover:hover) and (pointer:fine){.onboarding-actions .btn:hover{box-shadow:0 4px 12px #ffffff1a;transform:translateY(-2px)}.onboarding-actions .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.onboarding-actions .btn-accent:hover{background:#5568d3;border-color:#5568d3}}.onboarding-actions .btn:active{transform:translateY(0);transition:transform .1s ease}.onboarding-actions .btn-secondary:active{background:#ffffff26}.onboarding-actions .btn-accent{background:#667eea;border-color:#667eea;color:#fff}.onboarding-actions .btn-accent:active{background:#4a5bc4;border-color:#4a5bc4}@media (max-width:768px){.onboarding-content{justify-content:flex-start;padding:80px 24px 40px}.onboarding-icon{font-size:80px;margin-bottom:32px}.onboarding-title{font-size:32px;margin-bottom:24px}.onboarding-description{font-size:16px;line-height:1.6;margin-bottom:40px}.onboarding-steps-indicator{margin-bottom:40px}.onboarding-actions{flex-direction:column;width:100%}.onboarding-actions .btn{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.onboarding-content{padding:60px 20px 30px}.onboarding-icon{font-size:60px;margin-bottom:24px}.onboarding-title{font-size:28px;margin-bottom:20px}.onboarding-description{font-size:15px;margin-bottom:32px}.onboarding-steps-indicator{gap:8px;margin-bottom:32px}.step-dot{height:8px;width:8px}.step-dot.active{width:32px}.onboarding-actions{gap:12px}.onboarding-actions .btn{font-size:13px;padding:16px 24px}}.onboarding-content.step-changing{animation:stepChange .4s cubic-bezier(.23,1,.32,1)}@keyframes stepChange{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.c47dfd31.css.map*/