@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Oswald:wght@500;700&display=swap";:root{--color-background:#fff;--color-foreground:#0f172a;--color-border:#f1f5f9;--color-input:#f8fafc;--color-accent-cyan:#00f2fe;--color-accent-blue:#4facfe;--color-accent-purple:#8e2de2;--color-primary-foreground:#0073ff;--color-secondary:#f1f5f9;--color-secondary-foreground:#0f172a;--color-muted:#f8fafc;--color-muted-foreground:#64748b;--font-body:Inter, "Segoe UI", sans-serif;--font-headings:"Space Grotesk", "Avenir Next", sans-serif;font-family:var(--font-body);color:var(--color-foreground);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.dashboard-screen{background:var(--color-background);width:min(100%,430px);min-height:100vh;margin:0 auto}.header,.buy-header,.renew-header,.instructions-header,.about-header{z-index:10;background:var(--color-background);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.header__logo{object-fit:cover;border-radius:999px;width:40px;height:40px}.header__title,.buy-header__title,.renew-header__title,.instructions-header__title,.about-header__title{font-family:var(--font-headings);color:var(--color-foreground);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.buy-header__back,.renew-header__back,.instructions-header__back,.about-header__back{width:40px;height:40px;color:var(--color-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.buy-header__back:hover,.renew-header__back:hover,.instructions-header__back:hover,.about-header__back:hover{background:var(--color-secondary)}.dashboard-main,.buy-main,.renew-main,.instructions-main,.about-main{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.dashboard-main,.renew-main,.instructions-main,.about-main{padding-bottom:32px}.buy-main{padding-bottom:112px}.status-gradient-card{border-radius:16px;padding:1px}.status-card-inner{background:var(--color-background);text-align:center;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:20px;display:flex;position:relative;overflow:hidden}.status-card-glow{filter:blur(24px);border-radius:999px;width:128px;height:128px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.status-icon{color:var(--color-foreground);margin-bottom:12px}.status-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:18px;font-weight:700}.status-text{max-width:250px;font-family:var(--font-body);color:var(--color-muted-foreground);margin:8px 0 16px;font-size:14px}.gradient-btn{border:1px solid var(--color-primary-foreground);font-family:var(--font-body);cursor:pointer;background:var(--color-background);border-radius:0;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.gradient-btn--full{width:100%}.gradient-btn--sm{padding:8px 12px;font-size:14px}.gradient-btn--md{padding:12px 14px;font-size:16px}.gradient-btn--lg{padding:16px 18px;font-size:18px}.gradient-btn--primary{color:var(--color-primary-foreground)}.gradient-btn--secondary{background:var(--color-secondary);color:var(--color-secondary-foreground);border:1px solid var(--color-border)}.actions-title,.about-contacts-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0 0 16px;font-size:16px;font-weight:700}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-card{border:1px solid var(--color-border);aspect-ratio:1;text-align:center;cursor:pointer;background:#f8fafc80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:background-color .2s;display:flex}.action-card:hover{background:var(--color-secondary)}.action-card__icon-wrap{background:var(--color-background);width:48px;height:48px;color:var(--color-foreground);border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;transition:color .2s;display:flex;box-shadow:0 1px 3px #0f172a1f}.action-card:hover .action-card__icon-wrap{color:var(--color-accent-purple)}.action-card__title{font-family:var(--font-headings);color:var(--color-foreground);margin-bottom:4px;font-size:14px;font-weight:700}.action-card__description{font-family:var(--font-body);color:var(--color-muted-foreground);font-size:12px}.buy-copy{margin-bottom:8px}.buy-copy h2{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:24px;font-weight:700}.buy-copy p{font-family:var(--font-body);color:var(--color-muted-foreground);margin:8px 0 0;font-size:14px}.plan-list{flex-direction:column;gap:16px;display:flex}.plan-select-shell{text-align:left;background:var(--color-border);cursor:pointer;border:0;border-radius:16px;width:100%;padding:2px;transition:background-color .2s;position:relative}.plan-select-shell:hover{background:#00f2fe4d}.plan-select-shell--selected{background:linear-gradient(135deg, var(--color-accent-cyan), var(--color-accent-purple));box-shadow:0 4px 12px #4facfe4d}.plan-select-card{background:#fffffff2;border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.plan-select-card--selected{background:var(--color-background)}.plan-badge{background:var(--color-primary-foreground);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:-12px;right:16px;box-shadow:0 1px 3px #0f172a1f}.plan-left{align-items:center;gap:16px;display:flex}.radio{border:2px solid #64748b4d;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.radio--selected{border-color:var(--color-primary-foreground)}.radio__dot{background:var(--color-primary-foreground);border-radius:999px;width:12px;height:12px}.plan-left h3{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:18px;font-weight:700}.plan-left p{font-family:var(--font-body);color:var(--color-muted-foreground);margin:2px 0 0;font-size:12px}.plan-price{font-family:var(--font-headings);color:var(--color-foreground);font-size:20px;font-weight:700}.plan-price--gradient{color:#0000;background:var(--color-primary-foreground);-webkit-background-clip:text;background-clip:text}.features-card{border:1px solid var(--color-border);background:#f8fafc4d;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.feature-item{color:var(--color-foreground);align-items:center;gap:12px;font-size:14px;display:flex}.feature-icon{color:var(--color-accent-purple)}.buy-bottom-bar{border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#fffc;width:min(100%,430px);padding:20px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.renew-title,.instructions-title,.about-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:24px;font-weight:700}.renew-subtitle,.instructions-subtitle,.about-subtitle{font-family:var(--font-body);color:var(--color-muted-foreground);margin:8px 0 0;font-size:14px;line-height:1.55}.subscription-list{flex-direction:column;gap:16px;display:flex}.subscription-card{text-align:left;background:var(--color-background);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;width:100%;padding:16px;transition:border-color .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.subscription-card:hover,.subscription-card--selected{border-color:var(--color-accent-purple)}.subscription-glow{filter:blur(20px);background:linear-gradient(135deg,#00f2fe1a,#8e2de21a);border-radius:999px;width:96px;height:96px;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.subscription-top{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex;position:relative}.subscription-top__left{align-items:center;gap:12px;display:flex}.subscription-icon-wrap{background:var(--color-muted);width:40px;height:40px;color:var(--color-muted-foreground);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.subscription-icon-wrap--active{color:var(--color-primary-foreground)}.subscription-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:16px;font-weight:700}.subscription-separator{color:var(--color-muted-foreground);margin:0 4px;font-weight:400}.subscription-status-row{align-items:center;gap:6px;margin-top:2px;display:flex}.subscription-status-dot{border-radius:999px;width:8px;height:8px}.subscription-status-dot--active{background:#22c55e}.subscription-status-dot--expired{background:#ef4444}.subscription-status-text{color:var(--color-muted-foreground);font-size:12px;font-weight:500}.subscription-chevron{background:var(--color-secondary);width:32px;height:32px;color:var(--color-secondary-foreground);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.subscription-meta{z-index:1;background:#f8fafc80;border:1px solid #f1f5f9b3;border-radius:12px;padding:12px;position:relative}.subscription-meta-row{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;font-size:12px;display:flex}.subscription-meta-row+.subscription-meta-row{margin-top:6px}.subscription-meta-value{color:var(--color-foreground);font-family:var(--font-headings);font-weight:700}.subscription-meta-value--expired{color:#ef4444}.subscription-remaining{font-family:var(--font-headings);color:var(--color-accent-purple);font-size:14px;font-weight:700}.subscription-remaining--ended{color:var(--color-muted-foreground)}.renew-note{border:1px solid var(--color-border);background:#f1f5f980;border-radius:12px;align-items:flex-start;gap:12px;margin-top:8px;padding:16px;display:flex}.renew-note__icon{color:var(--color-foreground);flex-shrink:0;margin-top:2px}.renew-note p{color:var(--color-muted-foreground);margin:0;font-size:12px;line-height:1.45}.instructions-steps-card{border:1px solid var(--color-border);background:#f1f5f94d;border-radius:16px;flex-direction:column;gap:24px;padding:20px;display:flex}.step-item{align-items:flex-start;gap:16px;display:flex}.step-item__number{width:32px;height:32px;color:var(--color-primary-foreground);font-family:var(--font-headings);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0f172a1f}.step-item__text-wrap{flex:1}.step-item__text{font-family:var(--font-body);color:var(--color-foreground);margin:0;font-size:14px;line-height:1.55}.instructions-tip-card{background:linear-gradient(135deg,#00f2fe1a,#8e2de21a);border:1px solid #8e2de233;border-radius:16px;padding:20px;position:relative;overflow:hidden}.instructions-tip-glow{filter:blur(24px);background:#8e2de21a;border-radius:999px;width:96px;height:96px;position:absolute;top:-24px;right:-24px}.instructions-tip-content{z-index:1;align-items:flex-start;gap:16px;display:flex;position:relative}.instructions-tip-icon-wrap{background:var(--color-background);width:40px;height:40px;color:var(---color-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 3px #0f172a1f}.instructions-tip-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0 0 4px;font-size:14px;font-weight:700}.instructions-tip-text{font-family:var(--font-body);color:var(--color-muted-foreground);margin:0;font-size:14px;line-height:1.55}.about-brand-icon{width:64px;height:64px;color:var(--color-primary-foreground);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;box-shadow:0 10px 20px #0f172a26}.about-feature-list,.about-contact-list{flex-direction:column;gap:12px;display:flex}.about-feature-row{border:1px solid var(--color-border);background:#f1f5f94d;border-radius:16px;align-items:flex-start;gap:16px;padding:16px;display:flex}.about-feature-icon{width:40px;height:40px;color:var(--color-primary-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 3px #0f172a1f}.about-feature-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0 0 4px;font-size:14px;font-weight:700}.about-feature-description{font-family:var(--font-body);color:var(--color-muted-foreground);margin:0;font-size:12px;line-height:1.55}.about-smart-card{background:linear-gradient(135deg,#00f2fe1a,#8e2de21a);border:1px solid #8e2de233;border-radius:16px;padding:20px;position:relative;overflow:hidden}.about-smart-glow{filter:blur(28px);background:linear-gradient(135deg,#00f2fe1a,#8e2de21a);border-radius:999px;width:128px;height:128px;position:absolute;top:0;right:0}.about-smart-title-wrap{z-index:1;align-items:center;gap:8px;margin-bottom:12px;display:flex;position:relative}.about-smart-icon{color:var(--color-accent-purple)}.about-smart-title{font-family:var(--font-headings);color:var(--color-foreground);margin:0;font-size:16px;font-weight:700}.about-smart-description{z-index:1;font-family:var(--font-body);color:var(--color-muted-foreground);margin:0 0 16px;font-size:14px;line-height:1.55;position:relative}.about-bullets{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.about-bullet-card{border:1px solid var(--color-border);background:#fffc;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.about-bullet-card p{color:var(--color-foreground);margin:0;font-size:12px;line-height:1.5}.about-bullet{margin-top:2px;font-weight:700}.about-bullet--blue{color:var(--color-foreground)}.about-bullet--purple{color:var(--color-accent-purple)}.about-contact-row{border:1px solid var(--color-border);background:var(--color-background);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px;transition:border-color .2s;display:flex}.about-contact-row:hover{border-color:var(--color-accent-purple)}.about-contact-icon{background:var(--color-secondary);width:40px;height:40px;color:var(--color-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.about-contact-row:hover .about-contact-icon{color:var(--color-accent-purple);background:#8e2de21a}.about-contact-texts{flex:1}.about-contact-label{color:var(--color-muted-foreground);margin:0;font-size:12px}.about-contact-value{font-family:var(--font-headings);color:var(--color-foreground);margin:2px 0 0;font-size:14px;font-weight:700}.about-contact-link-icon{color:var(--color-muted-foreground)}.about-contact-row:hover .about-contact-link-icon{color:var(--color-foreground)}.about-legal-links{border-top:1px solid var(--color-border);justify-content:center;gap:24px;margin-top:8px;padding-top:16px;padding-bottom:8px;display:flex}.about-legal-link{color:var(--color-muted-foreground);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.about-legal-link:hover{color:var(--color-accent-purple)}.status-message{color:#0e5f63;background:#f0fdff;border:1px solid #cfeff1;border-radius:12px;margin:0;padding:10px 12px;font-size:13px}