:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--afina-bg: #f7f4ef;--afina-bg-light: #fbf8f2;--afina-card: #ffffff;--afina-text: #292622;--afina-text-dim: #7a7168;--afina-text-mute: #b0a89e;--afina-gold: #8b6840;--afina-gold-light: #ddbd91;--afina-gold-bg: rgba(139, 104, 64, .09);--afina-red: #a04040;--afina-green: #8fbf76;--afina-warn: #d49b3a;--afina-border: #ebe4d6;--afina-border-light: #f0ebe0;--afina-modal-overlay: rgba(41, 38, 34, .55);--afina-shadow: 0 4px 22px rgba(139, 104, 64, .09);--afina-shadow-card: 0 2px 14px rgba(41, 38, 34, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh}body{background:var(--afina-bg);color:var(--afina-text);font-size:15px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:inherit;text-decoration:none}img{display:block}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.screen-padded{padding:24px 20px}.screen-content{flex:1}.screen-header{margin-bottom:12px}.screen-title{font-family:Cormorant Garamond,serif;color:var(--afina-text);font-size:28px;font-weight:500;margin-bottom:16px;letter-spacing:.3px}.screen-lead{font-size:15px;color:var(--afina-text-dim);margin-bottom:20px}.screen-text{font-size:14px;color:var(--afina-text-dim);margin-bottom:12px}.loading-screen{justify-content:center;align-items:center;text-align:center}.brand-loading{font-family:Cormorant Garamond,serif;color:var(--afina-text);font-size:44px;letter-spacing:8px;font-weight:400}.loading-text{color:var(--afina-text-mute);margin-top:20px;font-size:13px}.btn-primary{background:var(--afina-gold);color:#fff;padding:16px;border-radius:16px;font-size:15px;font-weight:500;width:100%;margin-top:24px;transition:background .2s,opacity .2s;box-shadow:0 4px 14px #8b684038}.btn-primary:hover:not(:disabled){background:#6f5133}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-back{color:var(--afina-text-dim);font-size:15px;padding:4px 0;font-weight:500}.btn-back-img{padding:6px}.btn-back-img img{width:22px;height:22px;opacity:.7}.link-btn{display:block;padding:14px 16px;border:1px solid var(--afina-border);border-radius:12px;width:100%;text-align:left;font-size:14px;color:var(--afina-text);background:var(--afina-card);margin-bottom:8px;transition:border-color .2s}.link-btn:hover{border-color:var(--afina-gold)}.link-list{margin:16px 0 24px}.checkbox{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;user-select:none}.checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--afina-gold)}.bullet-list,.ordered-list{padding-left:24px;margin-bottom:20px}.bullet-list li,.ordered-list li{margin-bottom:8px;font-size:14px;color:var(--afina-text-dim)}.pager{position:fixed;inset:0;overflow:hidden;background:var(--afina-bg);touch-action:pan-y}.pager-track{display:flex;width:200%;height:100%;will-change:transform}.pager-page{flex:0 0 50%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main-screen{padding:12px 20px 20px;background:var(--afina-bg);min-height:100%}.main-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 0 14px}.main-logo-img{grid-column:2;justify-self:center;height:22px;width:auto}.main-menu-btn{grid-column:3;justify-self:end;padding:6px 4px;display:flex;align-items:center}.main-menu-btn img{width:24px;height:24px;opacity:.8}.main-body{position:relative}.hero-illustration{aspect-ratio:1 / 1.08;border-radius:24px;overflow:hidden;margin:8px 0 20px;position:relative;background:linear-gradient(135deg,#faf5ec,#f5eee0);box-shadow:var(--afina-shadow)}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;animation:hero-float 6s ease-in-out infinite}@keyframes hero-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.015)}}.main-status{text-align:center;margin-bottom:20px}.status-row{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--afina-text);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active,.status-dot.family{background:var(--afina-green)}.status-dot.expired{background:var(--afina-red)}.status-dot.none{background:var(--afina-text-mute)}.status-detail{font-size:12px;color:var(--afina-text-mute);margin-top:4px;font-weight:400}.main-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-connect{display:flex;align-items:center;gap:14px;background:var(--afina-card);border:none;border-radius:20px;padding:12px 18px 12px 12px;text-align:left;transition:transform .06s,box-shadow .2s;box-shadow:var(--afina-shadow-card)}.btn-connect:hover{box-shadow:0 6px 20px #8b68401f}.btn-connect:active{transform:scale(.985)}.btn-connect-icon-img{flex:0 0 56px;width:56px;height:56px;object-fit:contain}.btn-connect-text{flex:1}.btn-connect-title{font-size:15px;font-weight:500;color:var(--afina-text);margin-bottom:2px}.btn-connect-hint{font-size:12px;color:var(--afina-text-mute)}.btn-connect-arrow-img{width:18px;height:18px;opacity:.5;flex:0 0 auto}.main-footer{margin-top:auto;text-align:center;padding-top:8px}.swipe-hint{font-size:12px;color:var(--afina-text-mute);margin-bottom:12px}.pagination-dots{display:inline-flex;gap:6px;justify-content:center}.pagination-dot{width:7px;height:7px;border-radius:50%;background:#c8bfb2;opacity:.8;transition:all .2s}.pagination-dot.active{opacity:1;background:var(--afina-gold);width:22px;border-radius:4px}.notif-banner{padding:12px 14px;border-radius:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notif-warning{background:#d49b3a1f;border-left:3px solid var(--afina-warn);color:var(--afina-warn)}.notif-error{background:#a040401f;border-left:3px solid var(--afina-red);color:var(--afina-red)}.notif-info{background:var(--afina-gold-bg);border-left:3px solid var(--afina-gold);color:var(--afina-gold)}.notif-title{font-size:13px;font-weight:500;flex:1}.notif-action{background:#ffffff8c;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.sub-card{background:var(--afina-card);border-radius:18px;padding:22px;margin-top:8px;box-shadow:var(--afina-shadow)}.sub-period{font-size:16px;font-weight:500;margin-bottom:20px;color:var(--afina-text)}.sub-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--afina-border-light);font-size:14px}.dev-notice{background:var(--afina-gold-bg);border-left:3px solid var(--afina-gold);color:var(--afina-gold);padding:10px 12px;border-radius:8px;font-size:12px;margin-top:8px}.sub-price-row{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;border-top:1px solid var(--afina-border-light);margin-top:12px}.sub-price-label{font-size:13px;color:var(--afina-text-dim)}.sub-price-value{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:500;color:var(--afina-text)}.hint-text{font-size:12px;color:var(--afina-text-mute);margin-top:16px;text-align:center}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d8d1c4;border-radius:24px;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.slider{background-color:var(--afina-gold)}.toggle input:checked+.slider:before{transform:translate(20px)}.error-view{text-align:center;justify-content:center;padding:40px 24px}.error-icon{font-size:56px;margin-bottom:16px}.error-hint{color:var(--afina-text-dim)}.pending-spinner{font-size:56px;margin:32px 0;animation:spin 2s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:var(--afina-modal-overlay);display:flex;align-items:flex-end;z-index:100;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--afina-bg);width:100%;max-height:85vh;border-radius:20px 20px 0 0;padding:20px;display:flex;flex-direction:column;animation:slide-up .2s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-family:Cormorant Garamond,serif;color:var(--afina-text);font-size:22px;font-weight:500}.modal-close{font-size:20px;padding:8px 12px;color:var(--afina-text-mute)}.modal-body{overflow-y:auto;flex:1}.landing{background:var(--afina-bg);padding:12px 20px 30px;min-height:100%}.landing-header{display:flex;align-items:center;gap:14px;padding:10px 0 22px}.landing-logo-img{height:20px;width:auto}.landing-step{display:grid;grid-template-columns:32px 1fr 64px;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--afina-border-light)}.landing-step:first-of-type{padding-top:6px}.landing-step:last-of-type{border-bottom:none;padding-bottom:24px}.step-num-lg{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;color:var(--afina-text-mute);line-height:1.1;padding-top:3px;align-self:start}.step-body{min-width:0}.step-title{font-size:15px;font-weight:600;color:var(--afina-text);margin-bottom:6px}.step-desc{font-size:13px;color:var(--afina-text-dim);line-height:1.55}.step-illu-img{width:64px;height:64px;object-fit:contain;border-radius:12px}.landing-card{background:var(--afina-card);border-radius:20px;padding:22px;margin:20px 0;box-shadow:var(--afina-shadow-card)}.landing-card-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:500;color:var(--afina-text);margin-bottom:14px}.profile-kv{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--afina-border-light);font-size:13px}.profile-kv:first-of-type{border-top:none;padding-top:0}.profile-kv-label{color:var(--afina-text-dim)}.profile-kv-value{color:var(--afina-text);font-weight:500;display:inline-flex;align-items:center;gap:6px}.download-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:4px}.download-tile{background:var(--afina-bg-light);border:1px solid var(--afina-border-light);border-radius:16px;padding:16px 8px;text-align:center;transition:border-color .15s,background .15s}.download-tile:hover{border-color:var(--afina-gold-light);background:#fff}.download-tile-icon-img{width:28px;height:28px;margin:0 auto 8px;opacity:.85}.download-tile-name{font-size:13px;font-weight:500;color:var(--afina-text);margin-bottom:2px}.download-tile-os{font-size:11px;color:var(--afina-text-mute)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--afina-bg-light);border-radius:12px;overflow:hidden;border:1px solid var(--afina-border-light)}.faq-item.open{border-color:var(--afina-gold-light);background:#fff}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;text-align:left;font-size:14px;font-weight:500;color:var(--afina-text)}.faq-chevron{color:var(--afina-gold);font-size:20px;font-weight:300}.faq-answer{padding:0 16px 14px;font-size:13px;color:var(--afina-text-dim);line-height:1.6}.landing-extra{background:var(--afina-card);border-radius:20px;padding:8px 20px;margin:20px 0;box-shadow:var(--afina-shadow-card)}.extra-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--afina-border-light);font-size:14px;color:var(--afina-text)}.extra-row:first-child{border-top:none}.extra-row-left{display:flex;align-items:center;gap:12px}.extra-row-icon-img{width:20px;height:20px;opacity:.7}.extra-row-arrow-img{width:16px;height:16px;opacity:.4;transition:transform .2s}.extra-row-value{color:var(--afina-text-dim);font-size:13px}.landing-bottom-banner{background:var(--afina-gold-bg);border-radius:20px;padding:18px 20px;margin-top:24px;display:flex;align-items:center;gap:14px}.banner-shield{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.banner-title{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500;color:var(--afina-text)}.banner-subtitle{font-size:12px;color:var(--afina-text-dim);margin-top:2px}.legal-text{background:var(--afina-card);border:1px solid var(--afina-border-light);border-radius:12px;padding:14px;font-family:Inter,sans-serif;font-size:13px;line-height:1.55;color:var(--afina-text);white-space:pre-wrap;word-wrap:break-word;margin-top:12px;max-height:400px;overflow-y:auto}