.apply-page{background:#87ceeb url(/background-house.jpg) 50%/cover no-repeat;width:100%;min-height:100svh;position:relative;overflow:hidden auto}.apply-page-backdrop{-webkit-backdrop-filter:blur(16px);z-index:0;background:linear-gradient(#fff8f2eb 0%,#fff0e4e6 50%,#ffebdaeb 100%);position:fixed;inset:0}.apply-page-backdrop:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#e74c3c14 1.2px,#0000 1.2px);background-size:24px 24px;position:absolute;inset:0}.apply-page-backdrop:before{content:"";pointer-events:none;background:radial-gradient(#0000 50%,#2c241608 100%);position:absolute;inset:0}.apply-page-close{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:100;font-family:var(--font-caveat),cursive;color:#2c2416;background:linear-gradient(#fff 0%,#faf8f5 100%);border:2px solid #2c2416;border-radius:12px;padding:12px 20px;font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;box-shadow:4px 4px #2c2416,0 2px 8px #0000000f}.apply-page-close:hover{background:linear-gradient(#fff 0% 100%);transform:translate(-2px,-2px);box-shadow:6px 6px #2c2416,0 4px 12px #00000014}.apply-page-close:active{transform:translate(2px,2px);box-shadow:2px 2px #2c2416}.apply-page-content{z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100dvh;padding:max(60px,8vw) 24px 40px;display:flex;position:relative}.apply-progress{flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;display:flex}.apply-progress-label{font-family:var(--font-patrick-hand),cursive;color:#6b6256;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:600}.apply-progress-track{background:#fffc;border:2px solid #2c24161f;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex;box-shadow:0 2px 12px #0000000a,inset 0 1px #ffffffe6}.apply-progress-dot{background:#2c24161a;border:none;border-radius:999px;width:44px;height:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px 2px #0000000f}.apply-progress-dot.active{background:linear-gradient(90deg,#e74c3c,#c0392b);transform:scale(1.08);box-shadow:inset 0 1px #ffffff4d,0 2px 8px #e74c3c59}.apply-progress-dot.completed{background:linear-gradient(90deg,#27ae60,#229954);box-shadow:inset 0 1px #ffffff4d,0 2px 6px #27ae604d}.apply-card{background:linear-gradient(#fff 0%,#fefdfb 50%,#fdfbf7 100%);border:3px solid #2c2416;border-radius:24px;width:100%;max-width:460px;padding:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:inset 0 1px #ffffffe6,8px 8px #2c2416,0 20px 40px #2c24161f}.apply-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffffff2,10px 10px #2c2416,0 24px 48px #2c241624}.apply-card-header{background:linear-gradient(#e74c3c0f 0%,#0000 100%);border-bottom:1px solid #2c241614;padding:36px 36px 24px}.apply-card .apply-form,.apply-card .apply-missions,.apply-card .apply-wallet-icon+.apply-form{padding:28px 36px 36px}.apply-card-success{text-align:center;padding:40px 36px 36px!important}.apply-success-icon{color:#fff;background:linear-gradient(#27ae60 0%,#229954 100%);border:3px solid #2c2416;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:2.5rem;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff4d,6px 6px #2c2416}.apply-success-notify{font-family:var(--font-patrick-hand),cursive;color:#6b6256;margin:0 0 24px;font-size:1rem}.apply-card-success .apply-cta-x{justify-content:center;align-items:center;width:100%;margin-top:8px;text-decoration:none;display:flex}@keyframes applyCardIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards applyCardIn}.apply-title{font-family:var(--font-caveat),cursive;text-align:center;color:#2c2416;letter-spacing:.02em;text-shadow:2px 2px #e74c3c26;margin:0 0 8px;font-size:clamp(2rem,5vw,2.6rem);font-weight:600;line-height:1.2}.apply-subtitle{font-family:var(--font-patrick-hand),cursive;text-align:center;color:#6b6256;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.9rem;font-weight:500}.apply-form{flex-direction:column;gap:24px;display:flex}.apply-label{font-family:var(--font-patrick-hand),cursive;color:#2c2416;text-transform:uppercase;letter-spacing:.1em;margin-bottom:-4px;font-size:.8rem;font-weight:600}.apply-input{font-family:var(--font-patrick-hand),cursive;color:#2c2416;background:linear-gradient(#fff 0%,#fafaf8 100%);border:2px solid #2c2416;border-radius:14px;padding:16px 20px;font-size:1.05rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px #fffc,4px 4px #2c241633}.apply-input::placeholder{color:#9a9389}.apply-input:focus{background:#fff;border-color:#2c2416;outline:none;transform:translate(-1px,-1px);box-shadow:inset 0 1px #ffffffe6,6px 6px #2c241640}.apply-input-active{border-color:#e74c3c;box-shadow:inset 0 1px #fffc,4px 4px #e74c3c4d}.apply-input-active:focus{border-color:#e74c3c;box-shadow:inset 0 1px #ffffffe6,6px 6px #e74c3c66}.apply-cta{font-family:var(--font-caveat),cursive;color:#fff;cursor:pointer;background:linear-gradient(#e74c3c 0%,#c0392b 50%,#a93226 100%);border:3px solid #2c2416;border-radius:14px;margin-top:12px;padding:18px 32px;font-size:1.55rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,6px 6px #2c2416,0 8px 24px #e74c3c59}.apply-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.apply-cta:hover:before{left:100%}.apply-cta:hover{background:linear-gradient(#ec7063 0%,#e74c3c 50%,#c0392b 100%);transform:translate(-2px,-2px);box-shadow:inset 0 1px #ffffff4d,8px 8px #2c2416,0 12px 32px #e74c3c66}.apply-cta:active{transform:translate(2px,2px);box-shadow:inset 0 2px 4px #0003,2px 2px #2c2416}.apply-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.apply-cta:disabled:hover{background:linear-gradient(#e74c3c 0%,#c0392b 50%,#a93226 100%);transform:none;box-shadow:inset 0 1px #ffffff40,6px 6px #2c2416,0 8px 24px #e74c3c59}.apply-cta-full{width:100%;margin-top:28px;padding:18px 28px}.apply-card>.apply-cta-full{width:calc(100% - 72px);margin:28px 36px 36px}.apply-wallet-icon{background:linear-gradient(#fff 0%,#f8f6f3 100%);border:3px solid #2c2416;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;padding:20px;display:flex;box-shadow:inset 0 1px #ffffffe6,6px 6px #2c241633}.apply-wallet-icon svg{color:#2c2416;width:100%;height:100%}.apply-missions{flex-direction:column;gap:14px;margin-bottom:0;padding:0 36px 20px;display:flex}.apply-mission-item{background:linear-gradient(#fff 0%,#fefdfb 100%);border:2px solid #2c2416;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 1px #fffc,4px 4px #2c241626}.apply-mission-item:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:inset 0 1px #ffffffe6,6px 6px #2c241633}.apply-mission-icon{background:linear-gradient(#fff 0%,#faf8f5 100%);border:2px solid #2c2416;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:transform .2s;display:flex;box-shadow:inset 0 1px #ffffffe6,3px 3px #2c24161f}.apply-mission-item:hover .apply-mission-icon{transform:scale(1.05)}.apply-mission-text{font-family:var(--font-patrick-hand),cursive;color:#2c2416;flex:1;font-size:.95rem}.apply-mission-text strong{margin-bottom:2px;font-size:1.05rem;display:block}.apply-mission-text small{color:#6b6256;font-size:.82rem}.apply-mission-go{font-family:var(--font-caveat),cursive;color:#2c2416;cursor:pointer;background:linear-gradient(#fff 0%,#f8f6f3 100%);border:2px solid #2c2416;border-radius:10px;justify-content:center;align-items:center;padding:10px 20px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:inset 0 1px #ffffffe6,3px 3px #2c241633}.apply-mission-go:hover{background:linear-gradient(#fff 0% 100%);transform:translate(-1px,-1px);box-shadow:inset 0 1px #fffffff2,4px 4px #2c241640}.apply-mission-go:active{transform:translate(1px,1px);box-shadow:2px 2px #2c241633}.apply-mission-loading{cursor:default;min-width:80px}.apply-mission-spinner{border:2px solid #2c241633;border-top-color:#2c2416;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.apply-mission-tick{cursor:default;min-width:80px;color:#fff!important;background:linear-gradient(#27ae60 0%,#229954 100%)!important;border-color:#2c2416!important}.apply-mission-item.completed .apply-mission-icon{background:#27ae6026;border-color:#27ae60}.apply-missions .apply-mission-item{opacity:0;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards missionItemIn}.apply-missions .apply-mission-item:first-child{animation-delay:.1s}.apply-missions .apply-mission-item:nth-child(2){animation-delay:.15s}.apply-missions .apply-mission-item:nth-child(3){animation-delay:.2s}.apply-missions .apply-mission-item:nth-child(4){animation-delay:.25s}@keyframes missionItemIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.apply-page-backdrop{animation:.4s ease-out forwards backdropIn}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.apply-page-content{padding:max(56px,6vw) 20px 36px}.apply-card{border-width:3px;border-radius:20px;box-shadow:inset 0 1px #ffffffe6,6px 6px #2c2416,0 16px 32px #2c24161a}.apply-card-header{padding:28px 24px 20px}.apply-card .apply-form,.apply-card .apply-missions,.apply-card .apply-wallet-icon+.apply-form{padding:24px}.apply-missions{padding:0 24px}.apply-progress-track{padding:8px 12px}.apply-progress{margin-bottom:24px}.apply-progress-dot{width:32px;height:10px}.apply-cta{padding:16px 28px;font-size:1.4rem}.apply-cta-full{padding:16px 24px}.apply-wallet-icon{width:64px;height:64px;margin-bottom:20px;padding:16px}.apply-card-success{padding:32px 24px 28px!important}.apply-success-icon{width:60px;height:60px;margin-bottom:20px;font-size:2rem}}
