:root{--bg-dark:#000;--text-main:#EDEDED;--text-dim:#737373;--font-stack:'Poppins','Inter',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;outline:0}:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.hidden{display:none!important;opacity:0;pointer-events:none}body,html{background-color:var(--bg-dark);font-family:var(--font-stack);color:var(--text-main);height:100%;width:100%;max-width:100vw;overflow:hidden;user-select:none}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:transparent}.header-actions{position:fixed;top:16px;right:16px;display:flex;gap:10px;z-index:999998}.icon-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.7);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;backdrop-filter:blur(10px)}.icon-btn:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.1)}.dropdown-menu{position:fixed;width:200px;background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.8);overflow:hidden;z-index:999999}.dropdown-item{padding:13px 18px;color:rgba(255,255,255,.75);cursor:pointer;transition:background .15s;font-size:.88rem;display:flex;align-items:center;gap:10px}.dropdown-item:hover{background:rgba(255,255,255,.07);color:#fff}.dropdown-item.danger{color:#f55}.dropdown-item.danger:hover{background:rgba(255,85,85,.08)}.background-grid{position:fixed!important;inset:0!important;z-index:-2!important;opacity:.6;filter:blur(.5px);pointer-events:none;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(14px);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-box{background:#0c0c0c;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px;max-width:92vw;position:relative;transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 40px 80px rgba(0,0,0,.9)}.modal-overlay.active .modal-box{transform:translateY(0) scale(1)}.modal-settings{width:420px}.modal-auth{width:380px}.modal-close{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:rgba(255,255,255,.12);color:#fff}.modal-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.modal-subtitle{font-size:.8rem;color:rgba(255,255,255,.3);margin-bottom:24px}.lang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lang-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);transition:all .2s ease}.lang-option.active{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}.lang-flag-img{width:40px;height:28px;object-fit:cover;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.4)}.lang-label{font-size:.72rem;color:rgba(255,255,255,.55);font-weight:500}.lang-option.active .lang-label{color:#fff}.settings-divider{height:1px;background:rgba(255,255,255,.06);margin:22px 0}.settings-section-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.28);margin-bottom:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-row-label{font-size:.87rem;color:rgba(255,255,255,.65)}.toggle{position:relative;width:40px;height:22px;display:block}.toggle input{display:none}.toggle-track{position:absolute;inset:0;border-radius:11px;background:rgba(255,255,255,.12);cursor:pointer;transition:background .25s}.toggle input:checked+.toggle-track{background:#fff}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.4);transition:transform .25s;pointer-events:none}.toggle input:checked~.toggle-thumb{transform:translateX(18px);background:#000}.auth-modal-logo{height:48px;width:48px;display:block;margin:0 auto 16px}.auth-subtitle{font-size:.82rem;color:rgba(255,255,255,.32);text-align:center;margin-bottom:22px}.google-btn{width:100%;padding:11px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s}.google-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}.auth-or{display:flex;align-items:center;gap:12px;margin:16px 0}.auth-or::after,.auth-or::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.08)}.auth-or span{font-size:.75rem;color:rgba(255,255,255,.22)}.auth-input{width:100%;padding:11px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.88rem;margin-bottom:10px;transition:border .2s}.auth-input:focus{border-color:rgba(255,255,255,.4)}.auth-input::placeholder{color:rgba(255,255,255,.2)}.auth-submit{width:100%;padding:12px;background:#ebebeb;color:#000;border:none;border-radius:10px;font-size:.9rem;font-weight:700;letter-spacing:.02em;margin-top:4px;transition:all .2s ease;cursor:pointer}.auth-submit:active{transform:translateY(1px)}.auth-switch{text-align:center;margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.32)}.auth-switch a{color:rgba(255,255,255,.65);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);margin-left:4px}.auth-error{color:#f55;font-size:.82em;margin-top:8px;text-align:center;display:none}.showcase-overlay{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;pointer-events:none}.hero-content{display:flex;flex-direction:column;align-items:stretch;pointer-events:auto;gap:0;width:380px;max-width:92vw;transform:translateY(-20px);will-change:transform;overflow:visible}.bucket-wrapper{position:relative;cursor:pointer;margin-bottom:10px;display:flex;justify-content:center;width:176px;height:176px;align-self:center}.bucket-img{width:176px;height:176px;display:block;filter:drop-shadow(0 15px 30px rgba(0,0,0,.6));transition:transform .3s ease;position:relative;z-index:2}.bucket-wrapper:hover .bucket-img{transform:scale(1.04)}@keyframes bucketShake{0%,100%{transform:rotate(0) scale(1)}10%{transform:rotate(-6deg) scale(1.06)}20%{transform:rotate(6deg) scale(1.06)}30%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}50%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}70%{transform:rotate(-1deg)}80%{transform:rotate(1deg)}}.bucket-img.shaking{animation:bucketShake .65s ease-in-out}@keyframes pulse-float{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-5px);opacity:.92}}@keyframes cta-shimmer{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(220%) skewX(-20deg)}}@keyframes cta-text-in{0%{opacity:.7;transform:scaleX(.97)}100%{opacity:1;transform:scaleX(1)}}.main-cta{position:relative;overflow:hidden;background:#fff;color:#000;border:none;padding:18px 0;font-family:var(--font-stack);font-size:1.2rem;font-weight:800;border-radius:50px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;animation:pulse-float 2.5s ease-in-out infinite;display:block;z-index:0;width:100%;text-align:center;white-space:nowrap;will-change:transform;min-height:62px}.main-cta::before{content:'';position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.55) 50%,transparent 100%);transform:translateX(-120%) skewX(-20deg);z-index:1;opacity:0}.main-cta::after{content:'';position:absolute;inset:0;background:#000;border-radius:50px;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.76, 0, .24, 1);z-index:0}.main-cta span{position:relative;z-index:2;display:inline-block;transition:all .35s ease}.main-cta:hover{color:#fff}.main-cta:hover::after{transform:scaleX(1)}.main-cta:hover::before{opacity:1;animation:cta-shimmer .55s ease forwards}.main-cta:hover span{animation:cta-text-in .4s ease forwards}.main-cta:active{transform:scale(.97) translateY(0)}.store-badges{display:flex!important;gap:10px!important;align-items:stretch!important;margin-top:10px!important;width:100%!important;height:62px}.store-badge{display:flex!important;flex:1!important;line-height:0!important;height:62px;min-width:0;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1)}.store-badge:hover{transform:scale(1.04)}.store-badge svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;overflow:visible!important;flex:1}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);background:#111;border:1px solid rgba(255,255,255,.1);padding:11px 22px;border-radius:50px;color:#fff;display:flex;align-items:center;gap:10px;font-size:.85rem;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:999999;transition:all .4s cubic-bezier(.175, .885, .32, 1.275);opacity:0}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.success svg{color:#4caf50}.toast.error svg{color:#f44336}@media (max-width:768px){.main-cta{animation:none!important;transform:none!important;min-height:58px}.hero-content{transform:translateY(-10px);overflow:visible}.bucket-wrapper{width:140px;height:140px;margin-bottom:8px}.bucket-img{width:140px;height:140px}.store-badges{gap:8px;height:58px}.store-badge{height:58px}.store-badge svg{height:58px!important;max-width:none!important}.modal-box{padding:28px 20px;width:calc(100vw - 32px)!important}}*,::after,::before{max-width:100%}svg,svg *{max-width:none}