*{margin:0;padding:0;box-sizing:border-box;}[hidden]{display:none!important;}button,input{font:inherit;color:inherit;}body{min-height:100vh;font-family:"Baloo 2","Fredoka",system-ui,sans-serif;font-weight:600;color:#fff;background:#2f8527;}.cover{position:fixed;inset:0;z-index:-1;background:#3f9c33;background-image:url('../images/cover.webp');background-size:cover;background-position:70% center;filter:blur(1px) saturate(1.08);transform:scale(1.03)}.cover::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 46%,rgba(3,22,14,.46) 0%,rgba(3,22,14,.22) 62%,rgba(3,22,14,.08) 100%),linear-gradient(180deg,rgba(3,22,14,.42) 0%,rgba(3,22,14,.14) 38%,rgba(3,22,14,.52) 100%);}.wrap{min-height:100vh;max-width:620px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}.logo{display:block;width:clamp(104px,24vw,124px);aspect-ratio:1;height:auto;margin:0 auto 14px;border-radius:23%;border:3px solid rgba(255,255,255,.5);box-shadow:0 10px 24px rgba(0,0,0,.42);}.title{max-width:22ch;margin:0 auto 10px;font-size:clamp(1.55rem,3vw,1.95rem);text-wrap:balance;font-weight:800;line-height:1.15;-webkit-text-stroke:7px #14406e;paint-order:stroke fill;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));}.lead{max-width:46ch;margin:0 auto 20px;font-size:clamp(.95rem,1.4vw,1.02rem);font-weight:500;line-height:1.55;text-shadow:0 2px 6px rgba(0,0,0,.75);}.box{width:100%;max-width:430px;padding:26px 22px 22px;border-radius:26px;text-align:center;background:rgba(10,30,60,.52);border:3px solid rgba(255,255,255,.34);box-shadow:0 16px 40px rgba(0,0,0,.48);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}#stepId .box__label{text-align:left;}.box__label{display:block;margin-bottom:8px;font-size:1rem;font-weight:700;text-shadow:0 2px 3px rgba(0,0,0,.45);}.box__input{width:100%;margin-bottom:14px;padding:14px 16px;border:0;border-radius:14px;font-size:1rem;font-weight:600;color:#123;background:#fff;box-shadow:inset 0 3px 6px rgba(0,0,0,.16),0 3px 0 rgba(0,0,0,.22);outline:none;}.box__input::placeholder{color:#9aa8ad;font-weight:500;}.box__input:focus{box-shadow:inset 0 3px 6px rgba(0,0,0,.16),0 0 0 4px #ffd23f;}.box__input.is-invalid{box-shadow:inset 0 3px 6px rgba(0,0,0,.16),0 0 0 4px #ff5f6d;}.box__error{font-size:.92rem;font-weight:600;line-height:1.35;color:#ffd7db;text-shadow:0 2px 3px rgba(0,0,0,.6);}.box__error:not(:empty){margin:-6px 0 12px;}.btn{width:100%;padding:12px 24px;border:0;border-radius:16px;cursor:pointer;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#149edd 0%,#1f6fd0 100%);border-bottom:7px solid #114a8f;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 6px 16px rgba(0,0,0,.28);-webkit-text-stroke:5px rgba(0,0,0,.45);paint-order:stroke fill;transition:transform .08s ease,filter .15s ease;}.btn:hover{filter:brightness(1.06);}.btn:active{transform:translateY(4px);border-bottom-width:3px;}.info{position:relative;max-width:720px;margin:0 auto;padding:0 20px 64px;display:flex;flex-direction:column;gap:20px;}.panel{padding:26px 24px;border-radius:26px;background:rgba(10,30,60,.52);border:3px solid rgba(255,255,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.panel__title{margin-bottom:20px;font-size:clamp(1.3rem,2.6vw,1.6rem);font-weight:800;line-height:1.2;color:#fff;-webkit-text-stroke:5px rgba(0,0,0,.3);paint-order:stroke fill;}.steps{list-style:none;display:flex;flex-direction:column;gap:16px;}.steps__item{display:flex;align-items:flex-start;gap:14px;}.steps__num{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(180deg,#8ae05f 0%,#3ea832 100%);border-bottom:4px solid #27761f;box-shadow:inset 0 2px 0 rgba(255,255,255,.4);-webkit-text-stroke:4px rgba(0,0,0,.35);paint-order:stroke fill;}.steps__head{margin-bottom:2px;font-size:1.08rem;font-weight:800;color:#fff;}.steps p,.faq__a{font-size:.97rem;font-weight:500;line-height:1.6;color:#cfe4ff;}.faq__q{margin-bottom:6px;font-size:1.06rem;font-weight:800;line-height:1.3;color:#ffd23f;}.faq__q + .faq__a{margin-bottom:20px;}.faq__a:last-child{margin-bottom:0;}#stepAmount .box__label{text-align:center;margin-bottom:14px;}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;}.card{--c-top:#8ae05f;--c-bot:#3ea832;--c-edge:#27761f;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 10px 0;border:3px solid rgba(255,255,255,.35);border-radius:16px;cursor:pointer;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--c-top) 0%,var(--c-bot) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 5px 0 var(--c-edge),0 8px 18px rgba(0,0,0,.3);transition:transform .09s ease,filter .15s ease;}.card:hover{filter:brightness(1.07);}.card:active{transform:translateY(3px);}.card--green{--c-top:#8ae05f;--c-bot:#3ea832;--c-edge:#27761f;}.card--blue{--c-top:#59b4f5;--c-bot:#1f6fd0;--c-edge:#0f4a95;}.card--orange{--c-top:#ffc251;--c-bot:#f0801e;--c-edge:#b3520b;}.card--gold{--c-top:#ff9d6e;--c-bot:#e0392f;--c-edge:#95170f;}.card__gem{width:52px;height:52px;margin-bottom:6px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35));}.card__amount{font-size:1.5rem;font-weight:800;line-height:1.1;-webkit-text-stroke:5px rgba(0,0,0,.4);paint-order:stroke fill;}.card__unit{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.4);}.card__foot{width:calc(100% + 20px);margin:12px -10px 0;padding:7px 0;font-size:.85rem;font-weight:700;letter-spacing:.4px;background:rgba(0,0,0,.26);box-shadow:inset 0 2px 4px rgba(0,0,0,.3);}.card.is-picked{border-color:#ffd23f;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 5px 0 var(--c-edge),0 0 0 4px rgba(255,210,63,.35),0 8px 18px rgba(0,0,0,.34);}.card.is-picked .card__foot{background:rgba(0,0,0,.42);}.btn:disabled{filter:grayscale(.55) brightness(.85);cursor:not-allowed;}body.is-locked{overflow:hidden;}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,14,9,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .18s ease-out;}.modal[hidden]{display:none;}.modal__card{position:relative;width:100%;max-width:400px;padding:30px 26px 26px;border-radius:24px;text-align:center;color:#fff;background:linear-gradient(180deg,#1d5aa8 0%,#123f7d 100%);border:3px solid rgba(255,255,255,.32);box-shadow:0 18px 44px rgba(0,0,0,.5);animation:pop .22s cubic-bezier(.2,.9,.3,1.3);}.modal__card:focus{outline:none;}.modal__title{margin-bottom:6px;font-size:1.5rem;font-weight:800;-webkit-text-stroke:5px rgba(0,0,0,.32);paint-order:stroke fill;}.modal__step{min-height:1.4em;margin-bottom:16px;font-size:1rem;font-weight:500;color:#d5e8ff;}.spinner{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;border:6px solid rgba(255,255,255,.22);border-top-color:#ffd23f;animation:spin .8s linear infinite;}.bar{height:14px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.34);box-shadow:inset 0 2px 4px rgba(0,0,0,.45);}.bar__fill{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(180deg,#8ae05f 0%,#3ea832 100%);transition:width .5s ease;}.modal__pct{margin-top:8px;font-size:.95rem;font-weight:700;color:#d5e8ff;}.check{width:56px;height:56px;margin:0 auto 14px;position:relative;border-radius:50%;background:linear-gradient(180deg,#8ae05f 0%,#3ea832 100%);box-shadow:0 4px 0 #27761f;}.check::after{content:"";position:absolute;left:20px;top:12px;width:13px;height:25px;border:solid #fff;border-width:0 5px 5px 0;border-radius:2px;transform:rotate(45deg);}.modal__icon{width:76px;height:76px;margin:0 auto 14px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));}.modal__text{margin-top:8px;font-size:.98rem;font-weight:500;line-height:1.5;color:#d5e8ff;}.modal__text + .btn{margin-top:20px;}.modal__user{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;padding:12px 16px;border-radius:14px;background:rgba(0,0,0,.28);box-shadow:inset 0 2px 4px rgba(0,0,0,.4);}.modal__userLabel{font-size:.9rem;font-weight:500;color:#b9d4f2;}.modal__userId{font-size:1.05rem;font-weight:800;word-break:break-all;}.modal__user + .btn,.modal__user + .modal__user + .btn{margin-top:18px;}@keyframes spin{to{transform:rotate(360deg);}}@keyframes fade{from{opacity:0;}}@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.96);}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s;}.modal,.modal__card{animation:none;}}@media (max-width:760px){.cover{background-position:68% center;}}@media (min-width:761px){.cover{filter:blur(4px) saturate(1.08);transform:scale(1.05);}}@media (max-width:560px){.title,.title__year{-webkit-text-stroke-width:5px;}.box{padding:18px;}.cards{gap:10px;}.card{padding:14px 8px 0;}.card__amount{font-size:1.3rem;-webkit-text-stroke-width:4px;}.panel{padding:20px 18px;}.panel__title{-webkit-text-stroke-width:4px;}.steps__num{width:34px;height:34px;font-size:1.05rem;}}