:root{--celeste-900:#0a1628;--celeste-800:#0f2347;--celeste-700:#1a3461;--celeste-600:#1e50a0;--celeste-500:#2e7dcf;--celeste-400:#4a90d9;--celeste-300:#75aadb;--celeste-200:#a8cce8;--celeste-100:#d4e6f5;--celeste-50:#ebf2fa;--violeta-900:var(--celeste-900);--violeta-800:var(--celeste-800);--violeta-700:var(--celeste-700);--violeta-600:var(--celeste-600);--violeta-500:var(--celeste-500);--violeta-400:var(--celeste-400);--violeta-300:var(--celeste-300);--violeta-200:var(--celeste-200);--violeta-100:var(--celeste-100);--violeta-50:var(--celeste-50);--gold-500:#f5b70a;--gold-400:#f7c948;--gold-300:#f9d97a;--neutral-900:#1a1e2e;--neutral-800:#242840;--neutral-700:#363b56;--neutral-600:#6b7080;--neutral-400:#a8aeb8;--neutral-300:#d8dce3;--neutral-200:#eceef2;--neutral-100:#f5f6f8;--neutral-50:#fafbfc;--white:#fff;--black:#000;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-smooth:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--header-h:60px;--checklist-h:64px;--nav-h:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-sans);color:var(--white);background:var(--neutral-900);-webkit-font-smoothing:antialiased;height:100%;line-height:1.5;overflow:hidden}#root{height:100%}.app{background:var(--neutral-900);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.header,.main,.checklist{z-index:1;position:relative}.header{height:var(--header-h);background:var(--neutral-800);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;padding:0 1.25rem;display:flex}.header__inner{align-items:center;gap:.75rem;width:100%;max-width:480px;margin:0 auto;display:flex}.header__logo{font-family:var(--font-serif);letter-spacing:-1px;font-size:1.3rem;font-weight:700}.header__logo-e{color:var(--white)}.header__logo-a{color:var(--violeta-300)}.header__title{color:var(--neutral-400);text-transform:uppercase;letter-spacing:1.5px;margin-left:auto;font-size:.75rem;font-weight:600}.main{padding:1rem 1rem calc(var(--checklist-h) + .75rem);flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.carousel{flex-direction:column;gap:1rem;width:100%;max-width:480px;margin:0 auto;display:flex}.carousel__viewport{background:var(--neutral-800);border:1px solid #ffffff0f;border-radius:16px;position:relative;overflow:hidden}.carousel__track{will-change:transform;transition:transform .45s cubic-bezier(.34,1.2,.64,1);display:flex}.carousel__card{flex:0 0 100%;min-width:0}.card{max-height:calc(100dvh - var(--header-h) - var(--checklist-h) - var(--nav-h) - 1rem);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;padding:1.5rem 1.25rem;overflow-y:auto}.card::-webkit-scrollbar{width:3px}.card::-webkit-scrollbar-track{background:0 0}.card::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.card__header{margin-bottom:1.25rem}.card__step{text-transform:uppercase;letter-spacing:1.5px;color:var(--violeta-300);margin-bottom:.5rem;font-size:.65rem;font-weight:700;display:inline-block}.card__title{font-family:var(--font-serif);color:var(--white);margin-bottom:.35rem;font-size:1.35rem;font-weight:700;line-height:1.2}.card__subtitle{color:var(--neutral-400);font-size:.8rem;line-height:1.5}.form{flex-direction:column;gap:.75rem;display:flex}.form__group{flex-direction:column;gap:.3rem;display:flex}.form__label{text-transform:uppercase;letter-spacing:.8px;color:var(--neutral-400);font-size:.7rem;font-weight:600}.form__input{background:var(--neutral-700);width:100%;font-family:var(--font-sans);color:var(--white);border:1px solid #ffffff0f;border-radius:10px;outline:none;padding:.7rem .9rem;font-size:.9rem;transition:border-color .2s}.form__input::placeholder{color:var(--neutral-600)}.form__input:focus{border-color:var(--violeta-500);background:var(--neutral-700)}.form__input--date{cursor:pointer;text-align:left;color:var(--neutral-400);justify-content:space-between;align-items:center;display:flex}.form__input--date:after{content:"📅";opacity:.5;font-size:1rem}.form__input--date:not(:empty){color:var(--white)}.form__input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.group-nav{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.group-nav__btn{background:var(--neutral-700);width:32px;height:32px;color:var(--neutral-400);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.group-nav__btn:hover:not(:disabled){background:var(--violeta-500);color:var(--white);border-color:var(--violeta-500)}.group-nav__btn:disabled{opacity:.2;cursor:not-allowed}.group-nav__label{font-family:var(--font-serif);justify-content:center;align-items:center;gap:.4rem;min-width:90px;font-size:1rem;font-weight:600;display:flex}.group-nav__flag{font-size:1.2rem}.group-toggle{color:var(--violeta-400);cursor:pointer;opacity:.7;background:0 0;border:none;margin:0 auto .5rem;font-size:.75rem;transition:opacity .2s;display:block}.group-toggle:hover{opacity:1}.group-strip{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-bottom:.75rem;display:flex}.group-strip__dot{background:var(--neutral-700);width:28px;height:28px;color:var(--neutral-400);cursor:pointer;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.group-strip__dot.active{background:var(--violeta-500);border-color:var(--violeta-500);color:var(--white)}.team-list{gap:.4rem;margin-bottom:.75rem;display:flex}.team-list__positions{flex-direction:column;gap:.35rem;padding-top:2px;display:flex}.team-list__pos-label{height:46px;color:var(--neutral-600);justify-content:center;align-items:center;width:24px;font-size:.7rem;font-weight:700;display:flex}.team-list__items{flex-direction:column;flex:1;gap:.35rem;display:flex}.team-item{background:var(--neutral-700);cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.5rem;height:46px;padding:.5rem .65rem;transition:border-color .2s,background .2s;display:flex}@media (hover:hover) and (pointer:fine){.team-item{cursor:grab}.team-item:active{cursor:grabbing}.team-item:hover{background:#ffffff0f;border-color:#ffffff1a}}.team-item--over{border-color:var(--violeta-400);background:#4a90d914}.team-item__grip{color:var(--neutral-600);flex-shrink:0;align-items:center;display:flex}.team-item__arrows{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.team-arrow{background:var(--neutral-800);width:22px;height:18px;color:var(--neutral-400);cursor:pointer;touch-action:manipulation;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.team-arrow:disabled{opacity:.2;cursor:not-allowed}.team-arrow:not(:disabled):active{background:var(--violeta-500);color:var(--white);border-color:var(--violeta-500)}.pred-hint--desktop{display:none}.pred-hint--mobile{display:flex}span.pred-hint--desktop{display:none}span.pred-hint--mobile{display:inline}@media (hover:hover) and (pointer:fine){.pred-hint--desktop{display:flex}.pred-hint--mobile{display:none}span.pred-hint--desktop{display:inline}span.pred-hint--mobile{display:none}}.team-item__flag{object-fit:cover;border-radius:3px;flex-shrink:0;width:32px;height:24px;display:block}.team-item__name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.team-item__rank{flex-shrink:0}.team-item__pos{width:26px;height:22px;color:var(--neutral-400);background:#ffffff0a;border-radius:5px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.team-item__pos.gold{color:var(--gold-500);background:#f5b70a1f}.team-item__pos.silver{color:#9ca3af;background:#9ca3af1f}.team-item__pos.bronze{color:#b45309;background:#b453091f}.team-legend{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.team-legend__item{color:var(--neutral-500);align-items:center;gap:.3rem;font-size:.65rem;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot.gold{background:var(--gold-500)}.dot.silver{background:#9ca3af}.dot.bronze{background:#b45309}.dot.gray{background:var(--neutral-600)}.instagram-card{flex-direction:column;align-items:center;gap:.85rem;display:flex}.instagram-card__icon{color:var(--violeta-300);background:var(--neutral-700);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.instagram-card__handle{font-family:var(--font-serif);color:var(--white);font-size:1.1rem;font-weight:600}.btn--outline-instagram{font-family:var(--font-sans);background:var(--neutral-700);color:var(--violeta-300);cursor:pointer;border:1px solid #9b6ee833;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn--outline-instagram:hover{border-color:var(--violeta-300);background:#9b6ee81a}.instagram-card__divider{align-items:center;gap:.5rem;width:100%;display:flex}.instagram-card__divider:before,.instagram-card__divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.instagram-card__divider span{color:var(--neutral-600);white-space:nowrap;font-size:.7rem}.instagram-card .form__group{width:100%}.instagram-card__result{border-radius:10px;align-items:center;gap:.4rem;width:100%;padding:.65rem .85rem;font-size:.8rem;font-weight:500;display:flex}.instagram-card__result--success{color:#34d399;background:#10b98114;border:1px solid #10b98126}.instagram-card__result--error{color:#f87171;background:#ef444414;border:1px solid #ef444426}.btn{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn--primary{background:var(--violeta-500);color:var(--white)}.btn--primary:hover:not(:disabled){background:var(--violeta-600)}.btn--primary:disabled{opacity:.3;cursor:not-allowed}.btn--full{width:100%}.btn--outline{color:var(--neutral-300);border:1px solid var(--neutral-600);background:0 0}.btn--outline:hover:not(:disabled){border-color:var(--neutral-500);color:var(--neutral-100)}.btn--instagram{width:100%;font-family:var(--font-sans);color:var(--white);cursor:pointer;background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn--instagram:hover{opacity:.9}.instagram-card__waiting{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;display:flex}.instagram-card__waiting .spinner{border-width:3px;border-color:#9b6ee833;border-top-color:var(--violeta-400);width:24px;height:24px}.instagram-card__waiting p{font-family:var(--font-sans);color:var(--neutral-300);margin:0;font-size:.85rem}.btn__loading{align-items:center;gap:.4rem;display:flex}.spinner{border:2px solid #fff3;border-top-color:var(--white);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.carousel__nav{bottom:calc(var(--checklist-h) + env(safe-area-inset-bottom,0px));height:var(--nav-h);z-index:11;pointer-events:none;background:linear-gradient(to top, var(--neutral-900) 50%, transparent);justify-content:center;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:fixed;left:0;right:0}.carousel__nav>*{pointer-events:auto}.carousel__arrow{background:var(--neutral-800);width:36px;height:36px;color:var(--neutral-400);cursor:pointer;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel__arrow:hover:not(:disabled){background:var(--violeta-500);color:var(--white);border-color:var(--violeta-500)}.carousel__arrow:disabled{opacity:.2;cursor:not-allowed}.carousel__dots{gap:6px;display:flex}.carousel__dot{background:var(--neutral-600);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.carousel__dot:disabled{cursor:default;opacity:.3}.carousel__dot.reachable:hover{background:var(--violeta-400);transform:scale(1.3)}.carousel__dot.active{background:var(--violeta-400);border-radius:3px;width:22px}.checklist{height:calc(var(--checklist-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--neutral-800);z-index:10;border-top:1px solid #ffffff12;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.checklist__track{justify-content:space-between;align-items:center;width:100%;max-width:360px;display:flex}.checklist__item{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex;position:relative}.checklist__dot{background:var(--neutral-700);width:28px;height:28px;color:var(--neutral-600);border:1.5px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:all .3s;display:flex}.checklist__item.active .checklist__dot{border-color:var(--violeta-400);box-shadow:0 0 0 2px #8b5cf626}.checklist__item.completed .checklist__dot{background:var(--violeta-500);border-color:var(--violeta-500);color:var(--white)}.checklist__item:after{content:"";background:var(--neutral-700);z-index:-1;pointer-events:none;height:1.5px;position:absolute;top:14px;left:calc(50% + 15px);right:-1px}.checklist__item:last-child:after{display:none}.checklist__item.completed:after{background:var(--violeta-500)}.checklist__label{text-transform:uppercase;letter-spacing:.5px;color:var(--neutral-600);font-size:.55rem;font-weight:600;transition:color .2s}.checklist__item.active .checklist__label,.checklist__item.completed .checklist__label{color:var(--violeta-200)}.submit-section{bottom:var(--checklist-h);z-index:12;animation:slideUpBanner .4s var(--ease-out);padding:.75rem 1rem;position:fixed;left:0;right:0}.submit-section .btn--submit{width:100%;max-width:480px;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg, var(--celeste-500), var(--celeste-600));color:var(--white);letter-spacing:.02em;border:none;border-radius:12px;justify-content:center;align-items:center;margin:0 auto;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.submit-section .btn--submit:hover{opacity:.9;transform:translateY(-1px)}.submit-section .btn--submit:active{transform:translateY(0)}.submit-section--success{bottom:var(--checklist-h);z-index:12;animation:slideUpBanner .4s var(--ease-out);padding:.75rem 1rem;left:0;right:0}.submit-section__content{color:#34d399;background:#10b98114;border:1px solid #10b98126;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;max-width:480px;margin:0 auto;padding:1rem .85rem;display:flex}.submit-section__content p{font-family:var(--font-sans);margin:0;font-size:.9rem;font-weight:600}.submit-section__content svg{flex-shrink:0}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.datepicker-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1.5rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.datepicker-modal{background:var(--neutral-800);width:100%;max-width:400px;animation:popIn .25s var(--ease-out);border-radius:20px;max-height:90dvh;padding:1rem 0 .5rem;overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.datepicker__header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 1.25rem .75rem;display:flex}.datepicker__cancel,.datepicker__done{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.85rem;font-weight:600}.datepicker__cancel{color:var(--neutral-400)}.datepicker__done{color:var(--violeta-400)}.datepicker__title{color:var(--neutral-300);font-size:.8rem;font-weight:600}.datepicker__preview{text-align:center;font-family:var(--font-serif);color:var(--white);padding:.75rem 1rem .5rem;font-size:1.1rem;font-weight:600}.datepicker__wheels{gap:.25rem;height:220px;padding:0 .5rem;display:flex}.datepicker__col{flex-direction:column;flex:1;align-items:center;display:flex}.datepicker__col--wide{flex:1.6}.datepicker__col-label{text-transform:uppercase;letter-spacing:1px;color:var(--neutral-600);margin-bottom:.35rem;font-size:.6rem;font-weight:700}.datepicker__col-viewport{background:var(--neutral-700);border-radius:12px;width:100%;height:160px;position:relative;overflow:hidden}.datepicker__col-mask{pointer-events:none;z-index:2;background:linear-gradient(to bottom, var(--neutral-700) 0%, transparent 35%, transparent 65%, var(--neutral-700) 100%);border-radius:12px;position:absolute;inset:0}.datepicker__col-scroll{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;overflow-y:scroll}.datepicker__col-scroll::-webkit-scrollbar{display:none}.datepicker__item{scroll-snap-align:center;color:var(--neutral-400);cursor:pointer;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;transition:color .15s;display:flex}.datepicker__item.selected{color:var(--white);font-size:1.05rem;font-weight:700}@media (width>=768px){:root{--header-h:64px;--checklist-h:72px}.header{padding:0 2rem}.main{padding:2rem 2rem calc(var(--checklist-h) + 2rem)}.carousel{max-width:500px}.card{max-height:calc(100dvh - var(--header-h) - var(--checklist-h) - 5rem);padding:2rem 1.75rem}.card__title{font-size:1.5rem}.team-item{height:50px}.team-item__flag{width:36px;height:27px}.team-list__pos-label{height:50px}}@media (width>=1024px){.carousel{max-width:520px}.card{padding:2.25rem 2rem}}@media (width<=374px){:root{--header-h:52px;--checklist-h:56px}.header{padding:0 .85rem}.header__title{letter-spacing:1px;font-size:.65rem}.main{padding:.5rem .5rem calc(var(--checklist-h) + .5rem)}.carousel{gap:.5rem}.carousel__viewport{border-radius:12px}.card{max-height:calc(100dvh - var(--header-h) - var(--checklist-h) - 2rem);padding:1rem .85rem}.card__header{margin-bottom:.85rem}.card__step{font-size:.6rem}.card__title{font-size:1.1rem}.card__subtitle{font-size:.75rem}.form{gap:.5rem}.form__input{padding:.6rem .75rem;font-size:.85rem}.form__label{font-size:.65rem}.btn{border-radius:8px;padding:.6rem 1rem;font-size:.8rem}.btn--instagram{padding:.65rem 1rem;font-size:.8rem}.group-nav{gap:.4rem}.group-nav__label{min-width:70px;font-size:.85rem}.group-nav__btn{width:28px;height:28px}.group-strip{gap:.2rem}.group-strip__dot{width:24px;height:24px;font-size:.65rem}.team-item{height:40px;padding:.35rem .5rem}.team-item__name{font-size:.75rem}.team-item__flag{width:26px;height:20px}.team-item__pos{width:22px;height:18px;font-size:.6rem}.team-list__pos-label{width:18px;height:40px;font-size:.6rem}.team-list,.team-list__positions,.team-list__items{gap:.25rem}.team-legend{gap:.35rem}.team-legend__item{font-size:.6rem}.instagram-card{gap:.6rem}.instagram-card__icon{width:44px;height:44px}.instagram-card__icon svg{width:36px;height:36px}.instagram-card__handle{font-size:.95rem}.checklist{padding:0 .5rem}.checklist__dot{width:24px;height:24px}.checklist__dot svg{width:12px;height:12px}.checklist__item:after{top:12px;left:calc(50% + 13px)}.checklist__label{font-size:.5rem}.checklist__track{gap:0;max-width:100%}.carousel__nav{gap:.5rem;padding:.35rem .5rem .5rem}.carousel__arrow{width:30px;height:30px}.carousel__dot{width:5px;height:5px}.carousel__dot.active{width:18px}.datepicker-modal{border-radius:16px}.datepicker__wheels{gap:.15rem;height:180px;padding:0 .25rem}.datepicker__col-viewport{height:132px}.datepicker__item{font-size:.8rem;height:36px!important}.datepicker__item.selected{font-size:.9rem}.datepicker__preview{padding:.5rem .75rem .35rem;font-size:.95rem}.datepicker__header{padding:0 .85rem .5rem}.datepicker__col-label{font-size:.55rem}.submit-section{padding:.5rem .65rem}.submit-section .btn--submit{padding:.75rem 1rem;font-size:.85rem}.submit-section__content{padding:.75rem .65rem}.submit-section__content p{font-size:.8rem}}@media (width>=375px) and (width<=389px){.card{padding:1.25rem 1rem}.card__title{font-size:1.2rem}.team-item{height:42px}.team-item__name{font-size:.8rem}.instagram-card__icon{width:48px;height:48px}.checklist__dot{width:26px;height:26px}.checklist__item:after{top:13px;left:calc(50% + 14px)}.main{padding:.75rem .75rem calc(var(--checklist-h) + .65rem)}}