:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--afina-bg: #f7f2ea;--afina-card: #ffffff;--afina-text: #2d2620;--afina-text-dim: #6b6259;--afina-gold: #c9a86a;--afina-gold-dark: #a89060;--afina-red: #a04040;--afina-green: #4a7c3f;--afina-border: #e5ddd0}*{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:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.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{color:var(--afina-gold);font-size:24px;font-weight:700;margin-bottom:16px;letter-spacing:.5px}.screen-lead{font-size:16px;color:var(--afina-text);margin-bottom:20px}.screen-text{font-size:15px;color:var(--afina-text);margin-bottom:12px}.btn-primary{background:var(--afina-gold);color:#fff;padding:16px;border-radius:12px;font-size:16px;font-weight:600;width:100%;margin-top:24px;transition:background .2s,opacity .2s}.btn-primary:hover:not(:disabled){background:var(--afina-gold-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-back{color:var(--afina-gold);font-size:15px;padding:4px 0}.link-btn{display:block;padding:12px 16px;border:1px solid var(--afina-border);border-radius:10px;width:100%;text-align:left;font-size:15px;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:15px}.main-screen{padding:16px 20px 24px}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.logo-text{color:var(--afina-gold);font-size:20px;font-weight:700;letter-spacing:2px}.landing-hint{color:var(--afina-gold);font-size:22px;padding:4px 12px;animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.main-hero{display:flex;justify-content:center;align-items:center;padding:32px 0}.shield-placeholder{font-size:96px;filter:drop-shadow(0 4px 20px rgba(201,168,106,.3))}.main-status{text-align:center;margin-bottom:32px}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:15px;font-weight:600;margin-bottom:8px}.status-active,.status-family{background:#4a7c3f1a;color:var(--afina-green)}.status-none,.status-expired{background:#a040401a;color:var(--afina-red)}.status-detail{font-size:14px;color:var(--afina-text-dim)}.main-actions{display:flex;flex-direction:column;gap:12px}.btn-connect{background:var(--afina-card);border:1px solid var(--afina-border);border-radius:14px;padding:18px 20px;text-align:left;transition:border-color .2s,transform .05s}.btn-connect:hover{border-color:var(--afina-gold)}.btn-connect:active{transform:scale(.98)}.btn-auto{border-color:var(--afina-gold);background:#c9a86a0d}.btn-connect-title{font-size:17px;font-weight:600;color:var(--afina-text);margin-bottom:4px}.btn-connect-hint{font-size:13px;color:var(--afina-text-dim)}.main-footer{margin-top:auto;padding-top:24px;text-align:center}.footer-user{font-size:12px;color:var(--afina-text-dim)}.sub-card{background:var(--afina-card);border:1px solid var(--afina-border);border-radius:16px;padding:24px;margin-top:8px}.sub-period{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--afina-text)}.sub-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--afina-border);font-size:15px}.dev-notice{background:#c9a86a1a;border-left:3px solid var(--afina-gold);color:var(--afina-gold-dark);padding:12px;border-radius:8px;font-size:13px;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);margin-top:16px}.sub-price-label{font-size:14px;color:var(--afina-text-dim)}.sub-price-value{font-size:28px;font-weight:700;color:var(--afina-gold)}.toggle{position:relative;display:inline-block;width:48px;height:26px}.toggle input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:26px;transition:.3s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle input:checked+.slider{background-color:var(--afina-gold)}.toggle input:checked+.slider:before{transform:translate(22px)}.error-screen{padding:40px 20px;text-align:center}.error-screen h1{color:var(--afina-gold);margin-bottom:20px}.error-message{color:var(--afina-red);font-size:15px}
