*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;font-family:Segoe UI,Arial,sans-serif}body{display:flex;justify-content:center;background:#1a1a1a}#root{max-width:420px;width:100%;min-height:100vh}a{text-decoration:none;color:inherit}.page{height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.page--scroll{height:auto;min-height:100vh;overflow:auto}.page--light{background:#f0ede8}.page--dark{background:#000;color:#fff}.app-icon{width:130px;height:130px;border-radius:22px;object-fit:cover;margin-top:60px}.btn-primary{display:block;width:200px;padding:14px 0;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;text-align:center;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary--yellow{background:linear-gradient(180deg,#ffd54f,#ffb300);color:#333;border:3px solid #333;font-size:18px;padding:12px 40px}.btn-primary--purple{background:#4a3a7a;color:#fff}.btn-primary--cyan{background:linear-gradient(90deg,#4dd0e1,#00bcd4);color:#fff;width:100%;border-radius:50px;padding:16px;font-size:18px}.faq-link{color:#fff;text-decoration:underline;font-size:18px;font-style:italic;cursor:pointer}.watermark{position:absolute;bottom:20px;right:-10px;font-size:60px;font-weight:900;font-style:italic;color:#0000000d;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.watermark--dark{color:#ffffff08}.landing{position:relative;justify-content:flex-start}.landing__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.landing__bg-img{width:100%;height:100%;object-fit:cover;object-position:top center}.landing__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 30px;height:100%;justify-content:center}.landing .app-icon{margin-top:0}.landing__title{margin-top:10px}.landing__title-img{width:200px}.landing__desc{margin-top:24px;text-align:center}.landing__tips-img{width:100%;max-width:300px}.landing__btn{margin-top:20px;background:none;border:none;cursor:pointer;transition:transform .2s}.landing__btn:hover{transform:scale(1.05)}.landing__btn-img{width:170px}.faq-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2e;color:#fff;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.faq-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.faq-modal__title{font-size:22px;font-weight:700;margin:0}.faq-modal__close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.faq-modal__body{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.faq-modal__item{margin-bottom:24px}.faq-modal__question{font-size:15px;font-weight:600;margin:0 0 8px;color:#5bc0fa}.faq-modal__answer{font-size:14px;line-height:1.6;margin:0;color:#ffffffd9;white-space:pre-line}.weekly-pass{position:relative;justify-content:flex-start}.weekly-pass__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:0}.weekly-pass__card{position:relative;z-index:1;width:88%;margin-top:42%}.weekly-pass__buy{position:relative;z-index:1;margin-top:-8px;background:none;border:none;cursor:pointer;transition:transform .2s}.weekly-pass__buy:hover{transform:scale(1.05)}.weekly-pass__buy img{width:160px}.weekly-pass__faq{position:absolute;bottom:16px;right:20px;z-index:1;cursor:pointer}.weekly-pass__faq img{width:32px}.choose-op{padding:0 30px;justify-content:center}.choose-op .app-icon{width:140px;height:140px;margin-top:0}.choose-op__title{font-size:22px;font-weight:700;margin-top:30px;align-self:flex-start}.choose-op__list{width:100%;margin-top:14px;display:flex;flex-direction:column;gap:10px}.choose-op__item{display:flex;align-items:center;background:#fff;color:#333;border-radius:12px;padding:14px 16px;cursor:pointer;transition:box-shadow .2s;position:relative}.choose-op__item--active{box-shadow:0 0 0 2px #4a3a7a}.choose-op__radio{position:relative;width:20px;height:20px;margin-right:12px}.choose-op__radio input{opacity:0;position:absolute}.choose-op__radio-dot{display:block;width:20px;height:20px;border-radius:50%;border:2px solid #ccc;position:relative}.choose-op__item--active .choose-op__radio-dot{border-color:#2196f3}.choose-op__item--active .choose-op__radio-dot:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#2196f3}.choose-op__name{font-size:16px;font-weight:600;flex:1}.choose-op__logo{width:50px;height:auto;object-fit:contain}.choose-op .btn-primary{margin-top:24px}.enter-phone{padding:0 24px 30px}.enter-phone .app-icon{width:100px;height:100px;margin-top:30px}.enter-phone__title{font-size:16px;font-weight:400;text-align:center;margin-top:16px;line-height:1.4}.enter-phone__form{width:100%;max-width:300px;margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.enter-phone__input{width:100%;padding:10px 14px;border:1px solid #666;border-radius:6px;font-size:15px;background:#fff;color:#333;outline:none}.enter-phone__input:focus{border-color:#4a3a7a}.enter-phone__btn{width:100%;padding:10px;background:#6a5acd;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s}.enter-phone__btn:hover{opacity:.85}.enter-phone__btn:disabled{opacity:.6;cursor:not-allowed}.enter-phone__resend{width:100%;padding:10px;background:transparent;color:#6a5acd;border:1px solid #6a5acd;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.enter-phone__resend:hover{opacity:.85}.enter-phone__resend:disabled{opacity:.6;cursor:not-allowed}.enter-phone__price{font-size:16px;margin-top:12px;text-align:center}.enter-phone__terms{margin-top:16px;padding:0}.enter-phone__terms p{font-size:13px;line-height:1.5;margin:10px 0}.enter-phone__faq{margin-top:16px;text-align:center}.sub-success{padding:0 30px;justify-content:center}.sub-success .app-icon{margin-top:0}.sub-success__title{font-size:20px;font-weight:700;text-align:center;margin-top:30px;line-height:1.4;color:#333}.sub-success__google{margin-top:40px;display:block;background:none;border:none;cursor:pointer}.sub-success__google-img{width:250px}.sub-success__unsub{margin-top:10px;background:none;border:none;cursor:pointer}.sub-success__unsub-img{width:110px}.create-account{padding:0 24px;justify-content:center}.create-account .app-icon{margin-top:0}.create-account__title{font-size:20px;font-weight:700;text-align:center;margin-top:20px;color:#333}.create-account__form{width:100%;margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:14px}.create-account__input{width:100%;padding:14px 16px;border:none;border-radius:10px;font-size:16px;background:#ddd;color:#333;outline:none}.create-account__input--disabled{color:#666}.create-account__or{font-size:18px;font-weight:700;color:#333;margin:2px 0}.create-account__vip{width:100%;display:flex;align-items:center;background:#ddd;border-radius:10px;overflow:hidden}.create-account__vip-label{padding:14px 16px;font-size:14px;color:#999;background:#ccc;white-space:nowrap}.create-account__vip-code{flex:1;padding:14px 12px;font-size:16px;font-weight:600;color:#333;background:transparent;border:none;outline:none;cursor:default}.create-account__copy{padding:14px 18px;border:none;background:transparent;color:#4a3a7a;font-weight:700;font-size:14px;cursor:pointer}.create-account .btn-primary--cyan{margin-top:10px}.unsub-confirm{padding:0 30px;justify-content:center}.unsub-confirm .app-icon{margin-top:0}.unsub-confirm__title{font-size:20px;font-weight:700;text-align:center;margin-top:40px;color:#333;line-height:1.4}.unsub-confirm__buttons{display:flex;gap:30px;margin-top:40px}.unsub-confirm__btn{padding:14px 40px;border:none;border-radius:10px;font-size:18px;font-weight:700;color:#fff;cursor:pointer;min-width:120px;transition:opacity .2s}.unsub-confirm__btn:hover{opacity:.85}.unsub-confirm__btn--yes,.unsub-confirm__btn--no{background:#4a3a7a}.unsub-success{padding:0 30px;justify-content:center}.unsub-success .app-icon{margin-top:0}.unsub-success__title{font-size:22px;font-weight:700;text-align:center;margin-top:40px;color:#333;line-height:1.4}