:root{--color-primary:#e95b83;--color-primary-hover:#d94d76;--color-primary-soft:#fdebf1;--color-bg:#fff7fa;--color-surface:#fff;--color-text:#15213d;--color-text-secondary:#697386;--color-text-muted:#98a0ad;--color-border:#eee2e7;--color-success:#19865f;--color-danger:#cf4963;--shadow-soft:0 12px 34px #15213d14;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;color:var(--color-text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{justify-content:center;min-height:100vh;padding:24px;display:flex}.phone{background:#fff;border:1px solid #f1dfe4;border-radius:34px;width:min(100%,430px);min-height:860px;overflow:hidden;box-shadow:0 24px 70px #14213d1f}.topbar{grid-template-columns:60px 1fr 60px;align-items:center;height:64px;padding:0 14px;display:grid}.logo{text-align:center;font-size:20px;font-weight:850}.logo span{color:var(--color-primary)}.logo-button{color:var(--color-text);background:0 0;border:0;justify-self:center}.icon-btn{color:var(--color-text);background:0 0;border:0;justify-self:start;width:40px;font-size:34px}.topbar-link{color:var(--color-primary);background:0 0;border:0;justify-self:end;font-size:12px;font-weight:800}.spacer{width:40px}.progress{background:#fbe3e9;height:3px;transition:all .2s}.progress-hidden{opacity:0}.progress>div{background:var(--color-primary);height:100%;transition:all .25s}.screen{flex-direction:column;gap:16px;padding:28px 22px 36px;display:flex}.screen.center{text-align:center;justify-content:center;align-items:stretch;min-height:700px}.screen.center>*{margin-left:auto;margin-right:auto}.screen h1{letter-spacing:-.035em;color:var(--color-text);margin:0;font-size:32px;line-height:1.08}.screen h2{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:22px;line-height:1.15}.screen h3{margin:0 0 8px}.screen p{color:var(--color-text-secondary);margin:0;line-height:1.55}.eyebrow{letter-spacing:.13em;color:var(--color-primary);font-size:11px;font-weight:850}.hero-art{background:linear-gradient(135deg,#fff0f4,#fde3ea);border-radius:24px;place-items:center;height:180px;display:grid}.face-placeholder{width:100px;height:100px;color:var(--color-primary);background:#fff;border-radius:50%;place-items:center;font-size:34px;font-weight:850;display:grid;box-shadow:0 8px 24px #e85f822e}.skincheck-logo-wrap{padding:0;overflow:hidden}.skincheck-logo{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.primary{background:var(--color-primary);color:#fff;border:0;border-radius:16px;width:100%;min-height:56px;padding:0 18px;font-size:15px;font-weight:800;transition:all .18s;box-shadow:0 10px 24px #e85f8233}.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.primary:disabled{box-shadow:none;cursor:not-allowed;background:#f1c7d1;transform:none}.secondary{width:100%;min-height:52px;color:var(--color-text);background:#fff;border:1px solid #dfe3ea;border-radius:16px;font-weight:700}.secondary:hover{border-color:#efb4c7}.text-btn{color:#c73d68;text-align:center;background:0 0;border:0;padding:8px;font-weight:750;text-decoration:none}.text-btn:hover{text-decoration:underline}.legal{text-align:center;color:#7f8998!important;font-size:11px!important;line-height:1.55!important}.center-text{text-align:center}.card{background:#fff;border:1px solid #eceef2;border-radius:20px;padding:18px;box-shadow:0 4px 16px #14213d0a}.feature{background:#fff;border:1px solid #f0e4e8;border-radius:17px;gap:12px;padding:14px;display:flex}.feature-icon{width:42px;height:42px;color:var(--color-primary);background:#fde8ed;border-radius:13px;flex:0 0 42px;place-items:center;font-weight:850;display:grid}.feature strong{font-size:14px}.feature p{margin-top:4px;font-size:12.5px}.label{color:var(--color-text);font-size:13px;font-weight:750}.input{width:100%;height:54px;color:var(--color-text);background:#fff;border:1px solid #dfe3ea;border-radius:15px;padding:0 15px;font-size:15px}.input:focus{border-color:var(--color-primary);outline:2px solid #e95b8333}.stack{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;min-height:58px;color:var(--color-text);background:#fff;border:1px solid #dfe3ea;border-radius:15px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:650;display:flex}.choice.active{border:2px solid var(--color-primary);background:#fff5f8}.choice small{color:var(--color-text-secondary);margin-top:4px;font-weight:450;display:block}.choice-check{color:var(--color-primary);font-weight:900}.checklist{text-align:left;flex-direction:column;gap:11px;display:flex}.checklist>div{color:#35415a;gap:9px;font-size:13px;line-height:1.45;display:flex}.checklist>div>span{color:var(--color-primary);font-weight:900}.photo-box{aspect-ratio:1;background:#fff0f4;border-radius:22px;place-items:center;display:grid;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%}.spinner{border:6px solid #fde8ed;border-top-color:var(--color-primary);border-radius:50%;width:66px;height:66px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-dot,.error-dot{width:56px;height:56px;color:var(--color-primary);background:#fde8ed;border-radius:50%;place-items:center;font-size:25px;font-weight:900;display:grid}.success-dot.big{width:80px;height:80px;font-size:38px}.error-dot{color:var(--color-danger);background:#fff0f2}.how-step{grid-template-columns:44px 26px 1fr;align-items:start;gap:11px;padding:13px 0;display:grid}.how-step-icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:14px;place-items:center;font-weight:900;display:grid}.how-step-number{width:24px;height:24px;color:var(--color-primary);background:#fff3f7;border-radius:50%;place-items:center;margin-top:10px;font-size:11px;font-weight:900;display:grid}.how-step-content h3{margin:1px 0 4px;font-size:15px}.how-step-content p{font-size:12.5px}.auth-screen{flex-direction:column;gap:12px;min-height:720px;display:flex}.auth-screen h1{margin-top:2px}.auth-screen>p{margin-bottom:8px}.input-with-icon,.password-field{position:relative}.input-with-icon>span,.password-lock{color:#8b94a3;z-index:1;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-with-icon .input,.password-field .input{padding-left:46px}.password-field .input{padding-right:52px}.password-eye{color:#7d8798;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-eye svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.forgot-link{color:var(--color-primary);background:0 0;border:0;align-self:flex-end;margin-top:-4px;font-size:12px;font-weight:700}.auth-divider{color:var(--color-text-muted);align-items:center;gap:14px;margin:8px 0 0;font-size:11px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8eaf0;flex:1;height:1px}.social-auth-btn{width:100%;min-height:54px;color:var(--color-text);background:#fff;border:1px solid #dfe3ea;border-radius:16px;grid-template-columns:30px auto 30px;align-items:center;padding:0 18px;font-size:14px;font-weight:750;display:grid}.social-auth-btn:hover{border-color:#efb4c7}.social-auth-icon{place-items:center;width:24px;height:24px;display:grid}.social-auth-icon svg{width:22px;height:22px;display:block}.social-auth-label{text-align:center}.auth-footer-switch{text-align:center;margin-top:10px}.auth-footer-switch span{color:var(--color-text-secondary);margin-bottom:2px;font-size:12px;display:block}.auth-footer-link{color:var(--color-primary);background:0 0;border:0;font-size:13px;font-weight:800}.auth-footer-legal{text-align:center;padding-top:22px;color:#7f8998!important;margin-top:auto!important;font-size:10.5px!important}.form-error{background:#fff2f4;border:1px solid #ffdce3;border-radius:12px;padding:10px 12px;color:var(--color-danger)!important;font-size:12px!important}.form-success{background:#effbf6;border:1px solid #d5f1e5;border-radius:12px;padding:10px 12px;color:var(--color-success)!important;font-size:12px!important}.profile-section{flex-direction:column;gap:10px;margin-top:6px;display:flex}.profile-choice-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.profile-choice-grid .choice{text-align:center;justify-content:center;padding:10px 8px}.profile-choice-grid .choice-check{display:none}.dashboard-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboard-head h1{margin-top:6px}.plan-chip{color:#667085;white-space:nowrap;background:#f2f4f7;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.plan-chip.premium{color:var(--color-primary);background:#ffe6ef}.dashboard-hero-card{background:linear-gradient(135deg,#fff0f5 0%,#ffe5ee 100%);border:1px solid #ffd4e2;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:23px;display:flex}.dashboard-card-label{letter-spacing:.12em;color:var(--color-primary);margin-bottom:8px;font-size:10.5px;font-weight:850;display:block}.dashboard-score-line{align-items:baseline;gap:4px;display:flex}.dashboard-score-line strong{font-size:48px;line-height:1}.dashboard-score-line span{color:var(--color-text-secondary);font-size:15px;font-weight:700}.dashboard-evolution{font-weight:800;margin-top:10px!important;font-size:11.5px!important}.dashboard-evolution.positive{color:var(--color-success)!important}.dashboard-evolution.negative{color:var(--color-danger)!important}.dashboard-score-badge{width:76px;height:76px;color:var(--color-primary);background:#fff;border-radius:50%;flex:0 0 76px;place-items:center;font-size:27px;font-weight:900;display:grid;box-shadow:0 12px 30px #e85b851f}.inline-premium-link{color:var(--color-primary);background:0 0;border:0;padding:10px 0 0;font-size:11.5px;font-weight:800}.dashboard-section-header{justify-content:space-between;align-items:center;margin:10px 0 -4px;display:flex}.dashboard-section-header h2{font-size:17px}.dashboard-section-header>span{color:var(--color-text-secondary);font-size:11px;font-weight:700}.dashboard-profile-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.dashboard-info-card{background:#fff;border:1px solid #eceef2;border-radius:18px;min-height:90px;padding:15px}.dashboard-info-card span{color:var(--color-text-secondary);margin-bottom:7px;font-size:10.5px;font-weight:750;display:block}.dashboard-info-card strong{font-size:13px;line-height:1.35}.dashboard-scans-list{flex-direction:column;gap:9px;display:flex}.dashboard-scan{text-align:left;background:#fff;border:1px solid #eceef2;border-radius:17px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.dashboard-scan:hover{border-color:#f3b7ca}.dashboard-scan-left{align-items:center;gap:11px;display:flex}.dashboard-scan-number{width:38px;height:38px;color:var(--color-primary);background:#fff0f5;border-radius:12px;place-items:center;font-size:12px;font-weight:850;display:grid}.dashboard-scan-left strong{font-size:13px;display:block}.dashboard-scan-left span{color:var(--color-text-secondary);margin-top:3px;font-size:10.5px;display:block}.dashboard-scan-score{font-size:19px;font-weight:900}.dashboard-scan-score span{color:var(--color-text-secondary);margin-left:2px;font-size:10px}.dashboard-empty{text-align:center;border:1px dashed #dfe3ea;border-radius:18px;padding:20px}.dashboard-empty strong{margin-bottom:6px;display:block}.dashboard-empty p{font-size:12px}.locked-dashboard-card{background:#fff;border:1px solid #f0e4e8;border-radius:20px;overflow:hidden}.locked-dashboard-card .dashboard-scan{border:0;border-radius:0}.locked-overlay-copy{text-align:center;background:linear-gradient(#fff9fb,#fff0f5);border-top:1px solid #f2e5ea;padding:18px}.locked-overlay-copy>span{font-size:20px}.locked-overlay-copy strong{margin:6px 0 4px;font-size:13px;display:block}.locked-overlay-copy p{font-size:11.5px}.locked-overlay-copy button{color:var(--color-primary);background:0 0;border:0;margin-top:8px;font-size:12px;font-weight:850}.score{background:conic-gradient(var(--color-primary) var(--score),#fde8ed 0);border-radius:50%;place-items:center;width:178px;height:178px;margin:12px auto;display:grid;position:relative}.score>div{background:#fff;border-radius:50%;align-content:center;place-items:center;width:144px;height:144px;display:grid}.score strong{font-size:52px;line-height:1}.score span{color:var(--color-text-secondary);font-size:13px}.result-header{text-align:center}.result-header .success-dot{margin:0 auto 12px}.result-subtitle{font-size:13px;margin-top:4px!important}.ai-summary{text-align:left;background:linear-gradient(135deg,#fff,#fcf2f7);border:1px solid #e65a8424;border-radius:18px;margin-top:18px;padding:18px}.ai-summary-title{color:var(--color-primary);margin-bottom:8px;font-size:13px;font-weight:850}.ai-summary p{font-size:13px}.routine-heading{margin-top:10px}.routine-heading h2{margin:5px 0}.routine-heading p{font-size:12.5px}.metric{border-bottom:1px solid #eef0f4;padding:13px 0}.metric:last-child{border-bottom:0}.metric-top{justify-content:space-between;gap:14px;margin-bottom:8px;display:flex}.metric-top span,.metric-top strong{font-size:12.5px}.metric-bar{background:#f2e9ed;border-radius:999px;height:7px;overflow:hidden}.metric-fill{border-radius:inherit;background:linear-gradient(90deg,#f48bab,#eb4f7d);height:100%}.routine-section{flex-direction:column;gap:14px;display:flex}.routine-grid{gap:12px;display:grid}.routine-card{background:#fff;border:1px solid #e65a841f;border-radius:20px;padding:17px;box-shadow:0 8px 24px #1c1f300d}.routine-card-header{align-items:center;gap:11px;margin-bottom:14px;display:flex}.routine-icon{background:#fff3f7;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.routine-label{letter-spacing:.08em;color:var(--color-primary);font-size:10px;font-weight:850;display:block}.routine-card h3{margin:2px 0 0;font-size:14px}.routine-steps{flex-direction:column;gap:10px;display:flex}.routine-step{align-items:flex-start;gap:10px;display:flex}.routine-number{color:#fff;background:linear-gradient(135deg,#f58eae,#eb527f);border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:850;display:grid}.routine-step p{margin-top:3px;font-size:12.5px}.free-routine-card{background:#fff;border:1px solid #eee5e9;border-radius:20px;padding:18px}.free-routine-card h2{margin:5px 0 14px}.basic-routine-row{border-top:1px solid #f1eef0;gap:10px;padding:10px 0;display:flex}.basic-routine-row span{font-size:18px}.basic-routine-row p{font-size:12.5px}.premium-lock-card{text-align:center;background:linear-gradient(145deg,#fff1f6,#ffe2ec);border:1px solid #ffd1df;border-radius:24px;padding:22px 18px}.lock-icon{font-size:24px}.premium-lock-card h2{margin:7px 0 12px}.premium-lock-card>p{margin:14px 0;font-size:12.5px}.premium-lock-card>small{color:var(--color-text-secondary);margin-top:9px;font-size:10.5px;display:block}.blurred-metrics{filter:blur(.2px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:16px;padding:8px 12px}.blurred-metrics>div{color:#6f7685;border-bottom:1px solid #f2e6eb;justify-content:space-between;padding:8px 0;font-size:11.5px;display:flex}.blurred-metrics>div:last-child{border-bottom:0}.result-actions{flex-direction:column;gap:8px;display:flex}.compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;display:grid}.compare .card{text-align:center;padding:14px}.compare strong{margin:8px 0;font-size:34px;display:block}.compare small,.compare span{color:var(--color-text-secondary);font-size:10.5px}.arrow{font-size:23px}.premium-compare .card:last-child{background:#fff5f8}.plan{text-align:left;background:#fff;border:1px solid #dfe3ea;border-radius:19px;justify-content:space-between;align-items:center;width:100%;padding:18px;display:flex;position:relative}.plan.active{border:2px solid var(--color-primary);background:#fff5f8}.plan div{flex-direction:column;gap:4px;display:flex}.plan b{font-size:20px}.plan small{color:var(--color-text-secondary);font-size:11px}.badge{background:#fad1db;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;position:absolute;top:-10px;left:14px}.radio{color:var(--color-primary);font-size:20px}.included-card{background:#fff;border:1px solid #eceef2;border-radius:18px;padding:17px}.included-card>strong{margin-bottom:12px;font-size:13px;display:block}.secure-line{text-align:center;color:var(--color-text-secondary)!important;font-size:10.5px!important}.warning-card{background:#fff4f6;border:1px solid #ffdbe3;border-radius:17px;padding:16px}.warning-card strong{margin-bottom:5px;display:block}.warning-card p{font-size:12px}.chart-card{background:#fff;border:1px solid #eceef2;border-radius:20px;padding:14px}.chart-card svg{width:100%;display:block}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:var(--color-primary);stroke-width:3px}.chart-value{fill:var(--color-text);font-size:10px;font-weight:800}.chart-labels{color:var(--color-text-secondary);justify-content:space-between;padding:0 8px 2px;font-size:10px;display:flex}.chart-empty{text-align:center;color:var(--color-text-secondary);border:1px dashed #dfe3ea;border-radius:18px;padding:20px;font-size:12px}@media (max-width:480px){.app-shell{padding:0}.phone{min-height:100vh;box-shadow:none;border:0;border-radius:0}.screen{padding:26px 19px 34px}.screen h1{font-size:29px}.auth-screen{min-height:calc(100vh - 130px)}}.products-section{flex-direction:column;gap:14px;margin-top:2px;display:flex}.products-grid{gap:12px;display:grid}.product-card{background:linear-gradient(145deg,#fff,#fff8fb);border:1px solid #f0dfe6;border-radius:20px;padding:17px;box-shadow:0 8px 24px #1c1f300d}.product-card-top{align-items:center;gap:11px;display:flex}.product-icon{background:#fff0f5;border-radius:14px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.product-rank{letter-spacing:.08em;color:var(--color-primary);margin-bottom:3px;font-size:9.5px;font-weight:900;display:block}.product-card h3{margin:0;font-size:14px;line-height:1.25}.product-description{margin:13px 0!important;font-size:12.5px!important}.product-reason,.product-use{background:#fff;border:1px solid #f1e8ec;border-radius:14px;flex-direction:column;gap:4px;margin-top:8px;padding:11px 12px;display:flex}.product-reason strong,.product-use strong{color:var(--color-text);font-size:10.5px}.product-reason span,.product-use span{color:var(--color-text-secondary);font-size:11.5px;line-height:1.45}.products-disclaimer{text-align:center;padding:0 8px;color:#858e9b!important;font-size:10.5px!important}.consent-box{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#fff;border-radius:16px;align-items:flex-start;gap:10px;padding:14px;font-size:11.5px;line-height:1.45;display:flex}.consent-box input{accent-color:var(--color-primary);margin-top:2px}button:disabled{cursor:not-allowed;opacity:.5}.account-muted{margin-top:5px!important;font-size:12px!important}.account-links{justify-content:center;gap:16px;font-size:12px;display:flex}.account-links a,.auth-footer-legal a{color:var(--color-primary);font-weight:700}.danger-zone{background:#fff7f8;border:1px solid #ffd5dc;border-radius:18px;margin-top:8px;padding:16px}.danger-zone strong{color:var(--color-danger)}.danger-zone p{margin:6px 0 12px;font-size:11.5px}.danger-zone button{color:var(--color-danger);background:0 0;border:0;padding:0;font-size:12px;font-weight:850}.legal-page{max-width:760px;margin:0 auto;padding:48px 22px 80px;line-height:1.65}.legal-page h1{font-size:34px}.legal-page h2{margin-top:28px;font-size:20px}.legal-page p,.legal-page li{color:#596276;font-size:14px}.legal-page a{color:var(--color-primary)}.subscription-status{text-align:left;border-radius:15px;margin-top:14px;padding:13px 14px}.subscription-status strong{margin-bottom:4px;font-size:12.5px;display:block}.subscription-status p{line-height:1.5;margin:0!important;font-size:11.5px!important}.subscription-status.active{background:#f4fbf7;border:1px solid #d7eee0}.subscription-status.active strong{color:#257a4b}.subscription-status.cancellation{background:#fff7ed;border:1px solid #f7dfbe}.subscription-status.cancellation strong{color:#a45e13}.subscription-status.ended{background:#f7f7f8;border:1px solid #e4e6ea}.subscription-status.ended strong{color:#646b78}.face-placeholder{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden;box-shadow:0 8px 24px #e85f822e}.face-placeholder img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}