.bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:10;grid-template-columns:repeat(4,1fr);max-width:480px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;display:flex}.bottom-nav__icon{font-size:20px}.bottom-nav__item--active{color:var(--accent)}.layout{min-height:100vh}.layout__content{padding-bottom:84px}.banner-slider{margin-bottom:20px}.banner-slider__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:16px;display:flex;overflow-x:auto}.banner-slider__track::-webkit-scrollbar{display:none}.banner-slider__image{aspect-ratio:3/2;object-fit:cover;scroll-snap-align:start;flex:0 0 100%;width:100%}.banner-slider__dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.banner-slider__dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .2s,width .2s}.banner-slider__dot--active{background:var(--accent);border-radius:3px;width:18px}.home{max-width:480px;margin:0 auto;padding:20px 16px 12px}.hero{margin-bottom:20px}.hero__title{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.25}.hero__accent{color:var(--accent)}.hero__subtitle{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:1.4}.badges{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.badge{border:1px solid var(--border);text-align:center;background:linear-gradient(145deg,#232323,#121212);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;display:flex}.badge__icon{font-size:16px}.badge__label{color:var(--text-secondary);font-size:10px;line-height:1.2}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header__title{font-size:17px;font-weight:700}.section-header__link{color:var(--accent);background:0 0;font-size:13px;font-weight:600}.service-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.service-list__status{color:var(--text-secondary);padding:12px 0;font-size:14px}.service-row{border:1px solid var(--border);text-align:left;background:linear-gradient(145deg,#232323,#121212);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.service-row__icon{background:var(--bg-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.service-row__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.service-row__name{font-size:14px;font-weight:600}.service-row__desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.service-row__price{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.service-row__arrow{color:var(--text-secondary);font-size:18px}.instant-banner{color:#fff;text-align:left;background:linear-gradient(135deg,#4f39c9,#6a4fd6);border-radius:16px;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.instant-banner__icon{font-size:22px}.instant-banner__text{flex-direction:column;gap:2px;display:flex}.instant-banner__title{font-size:14px;font-weight:700}.instant-banner__subtitle{opacity:.85;font-size:12px}.action-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.action-tile{border:1px solid var(--border);text-align:center;background:linear-gradient(145deg,#232323,#121212);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;display:flex;box-shadow:0 10px 20px -6px #94a3b859}.action-tile__text{flex-direction:column;align-items:center;gap:4px;display:flex}.action-tile__icon{color:#0a0a0a;background:#f2f4f8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.action-tile__text{flex-direction:column;flex:1;gap:2px;display:flex}.action-tile__title{color:#fff;font-size:15px;font-weight:700}.action-tile__subtitle{color:var(--text-secondary);font-size:10px}.action-tile__arrow{color:var(--text-secondary);font-size:18px}.home__bars{flex-direction:column;gap:10px;display:flex}.bar{border:1px solid var(--border);color:var(--text-primary);background:linear-gradient(145deg,#232323,#121212);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.bar__icon{color:#0a0a0a;background:#f2f4f8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex}.bar__text{flex-direction:column;flex:1;gap:2px;display:flex}.bar__label{text-align:left;font-size:15px;font-weight:500}.bar__sublabel{color:var(--text-secondary);text-align:left;font-size:11px}.bar__arrow{color:var(--text-secondary);font-size:18px}.service-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px;display:grid}.service-tile{border:1px solid var(--border);background:linear-gradient(145deg,#232323,#121212);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;display:flex}.service-tile__icon{object-fit:cover;border-radius:12px;width:52px;height:52px}.service-tile__name{text-align:center;color:#fff;font-size:12px;font-weight:600}.why-us{margin-top:20px}.why-us__title{margin-bottom:12px;font-size:15px;font-weight:700}.why-us__grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.why-us__item{border:1px solid var(--border);text-align:center;background:linear-gradient(145deg,#232323,#121212);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.why-us__icon{justify-content:center;align-items:center;height:26px;font-size:18px;display:flex}.why-us__label{font-size:11px;font-weight:600;line-height:1.2}.why-us__sub{color:var(--text-secondary);font-size:10px;line-height:1.2}.action-tile,.bar{position:relative;overflow:hidden}.bar:before{content:"";background:linear-gradient(100deg,#0000 0%,#ffffff1f 45% 55%,#0000 100%);width:40%;height:100%;animation:3.5s ease-in-out infinite shine-sweep;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes shine-sweep{0%{left:-60%}35%{left:130%}to{left:130%}}.service-tile--gpt{box-shadow:0 10px 20px -6px #22c55e59}.service-tile--claude{box-shadow:0 10px 20px -6px #f9731659}.service-tile--grok{box-shadow:0 10px 20px -6px #94a3b859}.service-tile--gemini{box-shadow:0 10px 20px -6px #3b82f659}.why-us__icon--large{font-size:24px}.more-page{max-width:480px;margin:0 auto;padding:20px 16px 12px}.more-page__title{margin-bottom:20px;font-size:22px;font-weight:700}.more-page__list{flex-direction:column;gap:10px;display:flex}.more-row{border:1px solid var(--border);color:var(--text-primary);text-align:left;background:linear-gradient(145deg,#232323,#121212);border-radius:14px;justify-content:space-between;align-items:center;padding:16px;font-size:14px;display:flex}.more-row__arrow{color:var(--text-secondary);font-size:18px}.purchase-type{max-width:480px;margin:0 auto;padding:20px 16px 12px}.purchase-type__title{margin-bottom:6px;font-size:22px;font-weight:700}.purchase-type__subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.purchase-type__options{flex-direction:column;gap:12px;display:flex}.purchase-option{border:1px solid var(--border);text-align:left;background:linear-gradient(145deg,#232323,#121212);border-radius:16px;padding:18px;position:relative}.purchase-option--recommended{border-color:var(--gold,#d4af64)}.purchase-option__badge{background:var(--gold,#d4af64);color:#1a1400;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:14px}.purchase-option__row{align-items:center;gap:14px;display:flex}.purchase-option__icon{color:#0a0a0a;background:#f2f4f8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.purchase-option__text{flex-direction:column;flex:1;gap:4px;display:flex}.purchase-option__title{color:#fff;font-size:15px;font-weight:700}.purchase-option__subtitle{color:var(--text-secondary);font-size:12px}.purchase-option__arrow{color:var(--text-secondary);font-size:20px}.comparison{margin-top:28px}.comparison__title{margin-bottom:16px;font-size:16px;font-weight:700;line-height:1.4}.comparison__block{margin-bottom:20px}.comparison__block-title{margin-bottom:10px;font-size:14px;font-weight:700}.comparison__label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.comparison__list{flex-direction:column;gap:6px;margin-bottom:12px;list-style:none;display:flex}.comparison__list li{padding-left:18px;font-size:13px;line-height:1.4;position:relative}.comparison__list li:before{content:"+";color:var(--success);font-weight:700;position:absolute;left:0}.comparison__list--con li:before{content:"–";color:var(--text-secondary)}.comparison__advice{border:1px solid var(--gold);background:#d4af640f;border-radius:14px;padding:16px}.comparison__advice-title{color:var(--gold);margin-bottom:8px;font-size:14px;font-weight:700}.comparison__advice-text{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.comparison__advice-text:last-child{margin-bottom:0}.personal-grid{max-width:480px;margin:0 auto;padding:20px 16px 12px}.personal-grid__title{margin-bottom:20px;font-size:22px;font-weight:700}.personal-grid__status{color:var(--text-secondary);font-size:14px}.personal-grid__grid{grid-template-columns:1fr;gap:10px;display:grid}.personal-tile{border:1px solid var(--border);text-align:left;background:linear-gradient(145deg,#232323,#121212);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.personal-tile__icon{object-fit:cover;border-radius:10px;flex-shrink:0;width:38px;height:38px}.personal-tile__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.personal-tile__name{color:#fff;font-size:13px;font-weight:700}.personal-tile__tagline{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.personal-tile__arrow{color:var(--text-secondary);flex-shrink:0;font-size:16px}.rules{border:1px solid var(--border);background:linear-gradient(145deg,#1c1c1c,#101010);border-radius:16px;margin-top:28px;padding:18px}.rules__header{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.rules__icon{flex-shrink:0;font-size:22px}.rules__title{margin-bottom:4px;font-size:15px;font-weight:700}.rules__intro{color:var(--text-secondary);font-size:12px}.rules__list{flex-direction:column;gap:12px;display:flex}.rules__item{align-items:flex-start;gap:10px;display:flex}.rules__number{background:var(--gold);color:#1a1400;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.rules__text{color:var(--text-secondary);font-size:12px;line-height:1.5}.profile{max-width:480px;margin:0 auto;padding:20px 16px 12px}.profile__header{flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;display:flex}.profile__avatar{border:1px solid var(--border);background:linear-gradient(145deg,#232323,#121212);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.profile__name{font-size:16px;font-weight:700}.profile__section{margin-bottom:24px}.profile__section-title{margin-bottom:12px;font-size:15px;font-weight:700}.profile__status{color:var(--text-secondary);font-size:13px}.history-row{border:1px solid var(--border);text-align:left;width:100%;font:inherit;color:inherit;background:linear-gradient(145deg,#232323,#121212);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}.history-row:disabled{opacity:.6}.history-row__info{flex-direction:column;gap:2px;display:flex}.history-row__name{font-size:13px;font-weight:600}.history-row__date{color:var(--text-secondary);font-size:11px}.history-row__status{background:var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.history-row__status--active{color:var(--success);background:#3ecf8e26}.history-row__status--failed{color:var(--danger);background:#ff5c5c26}.profile__links{flex-direction:column;gap:10px;display:flex}.profile-link{border:1px solid var(--border);color:var(--text-primary);background:linear-gradient(145deg,#232323,#121212);border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.profile-link__icon{font-size:18px}.profile-link__label{text-align:left;flex:1;font-size:14px;font-weight:500}.profile-link__arrow{color:var(--text-secondary);font-size:18px}.order-detail{max-width:480px;margin:0 auto;padding:20px 16px 40px}.order-detail__status{text-align:center;color:var(--text-secondary);padding:60px 16px}.order-detail__title{margin-bottom:20px;font-size:20px;font-weight:700}.order-detail__card{border:1px solid var(--border);background:linear-gradient(145deg,#232323,#121212);border-radius:16px;margin-bottom:16px;padding:18px}.order-detail__row{color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.order-detail__badge{color:var(--success);font-weight:600}.order-detail__key-card{border:1px solid var(--success);background:#3ecf8e14;border-radius:16px;padding:18px}.order-detail__key-card--pending{border-color:var(--gold);background:#d4af6414}.order-detail__key-title{margin-bottom:8px;font-size:15px;font-weight:700}.order-detail__key-text{color:var(--text-secondary);font-size:13px;line-height:1.5}.legal{max-width:480px;margin:0 auto;padding:20px 16px 40px}.legal__title{margin-bottom:4px;font-size:20px;font-weight:700}.legal__date{color:var(--text-secondary);margin-bottom:16px;font-size:12px}.legal__intro{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px;font-size:13px;line-height:1.6}.legal__heading{color:var(--gold);margin-top:20px;margin-bottom:10px;font-size:15px;font-weight:700}.legal__text{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.6}.legal__list{margin-bottom:8px;list-style:none}.legal__list li{color:var(--text-secondary);margin-bottom:6px;padding-left:16px;font-size:13px;line-height:1.6;position:relative}.legal__list li:before{content:"•";color:var(--gold);position:absolute;left:0}.service-plans{max-width:480px;margin:0 auto;padding:20px 16px 40px}.service-plans__title{margin-bottom:20px;font-size:22px;font-weight:700}.service-plans__status{text-align:center;color:var(--text-secondary);padding:60px 16px}.service-plans__list{flex-direction:column;gap:14px;display:flex}.product-card{border:1px solid var(--border);background:linear-gradient(145deg,#232323,#121212);border-radius:16px;padding:18px}.product-card__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.product-card__logo{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.product-card__heading{flex-direction:column;gap:2px;display:flex}.product-card__name{color:#fff;font-size:16px;font-weight:700}.product-card__rating{color:#f5b942;font-size:12px;font-weight:600}.product-card__description{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.product-card__advantages{flex-direction:column;gap:6px;margin-bottom:16px;list-style:none;display:flex}.product-card__advantages li{color:var(--text-primary);padding-left:18px;font-size:13px;position:relative}.product-card__advantages li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:0}.product-card__price-row{border-top:1px solid var(--border);align-items:baseline;gap:4px;margin-bottom:12px;padding-top:12px;display:flex}.product-card__price{color:var(--gold);font-size:22px;font-weight:800}.product-card__period{color:var(--text-secondary);font-size:12px}.product-card__buy{background:var(--gold);color:#1a1400;border-radius:12px;width:100%;padding:13px;font-size:14px;font-weight:700}.product-card__buy:active{opacity:.85}.product-card__stock{color:var(--success);margin-left:auto;font-size:11px;font-weight:600}.product-card__stock--out{color:var(--danger)}.product-card__buy:disabled{background:var(--border);color:var(--text-secondary)}.checkout{max-width:480px;margin:0 auto;padding:20px 16px 40px}.checkout__title{margin-bottom:20px;font-size:22px;font-weight:700}.checkout__summary{border:1px solid var(--border);background:linear-gradient(145deg,#232323,#121212);border-radius:16px;margin-bottom:20px;padding:18px}.checkout__row{color:var(--text-secondary);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.checkout__row--total{border-top:1px solid var(--border);color:var(--gold);margin-top:8px;padding-top:14px;font-size:18px;font-weight:800}.checkout__promo-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:linear-gradient(145deg,#232323,#121212);border-radius:12px;margin-bottom:14px;padding:14px 16px;font-size:15px}.checkout__promo-input::placeholder{color:var(--text-secondary)}.checkout__submit{background:var(--gold);color:#1a1400;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:700}.checkout__submit:active{opacity:.85}.checkout__submit:disabled{opacity:.5}.checkout__error{color:var(--danger);text-align:center;margin-top:12px;font-size:14px}.checkout-rules{flex-direction:column;gap:14px;margin-top:28px;display:flex}.checkout-rules__block{border:1px solid var(--border);background:linear-gradient(145deg,#1c1c1c,#101010);border-radius:16px;padding:18px}.checkout-rules__header{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.checkout-rules__icon{font-size:18px}.checkout-rules__title{font-size:14px;font-weight:700}.checkout-rules__list{flex-direction:column;gap:12px;display:flex}.checkout-rules__item{align-items:flex-start;gap:10px;display:flex}.checkout-rules__number{background:var(--gold);color:#1a1400;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.checkout-rules__text{color:var(--text-secondary);font-size:12px;line-height:1.5}:root{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-card:#161616;--accent:#4f7cff;--accent-hover:#3d68f0;--text-primary:#f2f4f8;--text-secondary:#8a90a3;--border:#ffffff1f;--success:#3ecf8e;--danger:#ff5c5c;--gold:#d4af64;--teal:#2dd9c4}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(#000 0% 25%,#1c1c1c 100%) fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}