.app-layout{--dash-bg: #F7F6F3;--dash-surface: #FFFFFF;--dash-surface2: #F1F0EC;--dash-border: rgba(0, 0, 0, .07);--dash-border-strong: rgba(0, 0, 0, .13);--dash-sidebar-w: 240px;--dash-header-h: 64px;--dash-shadow: 0 2px 12px rgba(0, 0, 0, .06);--dash-radius-xs: 6px;background:var(--dash-bg);min-height:100vh;display:flex}.app-layout.templates-standalone{display:block;padding:2rem 1.5rem 3rem}.app-layout.templates-standalone .templates-standalone-inner{max-width:1200px;margin:0 auto;width:100%}.app-layout.templates-standalone .templates-page{margin-left:auto;margin-right:auto}.app-layout .sidebar{width:var(--dash-sidebar-w);flex-shrink:0;background:var(--dash-surface);border-right:1px solid rgba(0,0,0,.08);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;display:flex;flex-direction:column;z-index:100;transition:transform .3s}.app-layout .sb-logo{display:flex;align-items:center;min-height:var(--dash-header-h);padding:0 1.25rem;border-bottom:1px solid var(--dash-border);cursor:pointer;text-decoration:none;color:inherit}.app-layout .sb-logo.logo{font-family:Playfair Display,serif;font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.5px}.app-layout .sb-logo.logo span{color:var(--purple-600)}.app-layout .sidebar nav,.app-layout .sb-nav{position:static;top:auto;left:auto;right:auto;width:100%;background:transparent;flex:1;padding:1rem 0;display:block}.app-layout .sb-section-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:.5rem 1.25rem .25rem;margin-top:.5rem}.app-layout .sb-item{display:flex;align-items:center;gap:9px;padding:8px 1.25rem;font-size:13px;font-weight:400;color:var(--text-secondary);cursor:pointer;transition:all .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit;position:relative}.app-layout .sb-item:hover{background:var(--gray-50);color:var(--text)}.app-layout .sb-item.active{background:#f0f2f5;color:#5e3a7f;font-weight:500}.app-layout .sb-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--purple-800);border-radius:0 2px 2px 0}.app-layout .sb-item svg{flex-shrink:0;opacity:.7}.app-layout .sb-item.active svg{opacity:1}.app-layout .sb-badge{margin-left:auto;font-size:10px;padding:2px 7px;border-radius:100px;background:var(--purple-50);color:var(--purple-800);border:1px solid var(--purple-100);font-weight:500}.app-layout .sb-footer{padding:1rem 1.25rem;border-top:1px solid var(--dash-border)}.app-layout .sb-user{display:flex;align-items:center;gap:9px;padding:.6rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.app-layout .sb-user:hover{background:var(--gray-50)}.app-layout .sb-avatar{width:32px;height:32px;border-radius:50%;background:var(--purple-800);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.app-layout .sb-user-name{font-size:13px;font-weight:500;flex:1}.app-layout .sb-user-plan{font-size:10px;color:var(--text-muted)}.app-layout .sb-plan-badge{font-size:10px;padding:2px 8px;border-radius:100px;background:var(--purple-50);color:var(--purple-800);border:1px solid var(--purple-100)}.app-layout .topbar{position:fixed;top:0;left:var(--dash-sidebar-w);right:0;z-index:90;height:var(--dash-header-h);background:#f7f6f3ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--dash-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.app-layout .topbar-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;letter-spacing:-.3px}.app-layout .topbar-actions{display:flex;align-items:center;gap:.75rem}.app-layout .tb-btn{font-size:13px;padding:7px 16px;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--dash-border-strong);background:transparent;color:var(--text-secondary);transition:all .15s;font-family:DM Sans,sans-serif}.app-layout .tb-btn:hover{background:var(--dash-surface);color:var(--text)}.app-layout .tb-btn.primary{background:var(--gray-900);color:#fff;border-color:transparent}.app-layout .tb-btn.primary:hover{background:var(--purple-800)}.app-layout .tb-notif{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--dash-border);background:var(--dash-surface);cursor:pointer;position:relative;transition:background .15s}.app-layout .tb-notif:hover{background:var(--gray-50)}.app-layout .notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--coral-400);border:1.5px solid var(--dash-bg)}.app-layout .ham-btn{display:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--dash-border);background:var(--dash-surface);cursor:pointer;align-items:center;justify-content:center}.app-layout .main{flex:1;min-width:0;margin-left:var(--dash-sidebar-w);padding-top:var(--dash-header-h);min-height:100vh;background:var(--dash-bg)}.app-layout .page-content{padding:2rem;max-width:1100px;width:100%;box-sizing:border-box}.app-layout .page{display:none;width:100%}.app-layout .page.active{display:block}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dashCountUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-layout .a1{animation:dashFadeUp .5s ease both}.app-layout .a2{animation:dashFadeUp .5s .08s ease both}.app-layout .a3{animation:dashFadeUp .5s .16s ease both}.app-layout .a4{animation:dashFadeUp .5s .24s ease both}.app-layout .a5{animation:dashFadeUp .5s .32s ease both}.app-layout .card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .2s}.app-layout .card:hover{box-shadow:var(--dash-shadow)}.app-layout .card-title{font-family:Playfair Display,serif;font-size:16px;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.app-layout .card-title svg{color:var(--purple-600)}.app-layout .stat-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);padding:1.25rem 1.5rem}.app-layout .stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px}.app-layout .stat-value{font-family:Playfair Display,serif;font-size:32px;font-weight:900;line-height:1;color:var(--purple-800);margin-bottom:4px;animation:dashCountUp .6s ease both}.app-layout .stat-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.app-layout .stat-up{color:var(--teal-400)}.app-layout .stat-down{color:var(--coral-400)}.app-layout .badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:100px;border:1px solid}.app-layout .badge-purple{background:var(--purple-50);color:var(--purple-800);border-color:var(--purple-100)}.app-layout .badge-green{background:var(--teal-50);color:var(--teal-800);border-color:var(--teal-100)}.app-layout .badge-amber{background:var(--amber-50);color:var(--amber-800);border-color:var(--amber-100)}.app-layout .badge-red{background:var(--coral-50);color:var(--coral-400);border-color:var(--coral-400)}.app-layout .badge-gray{background:var(--gray-50);color:var(--gray-600);border-color:var(--gray-100)}.app-layout .btn{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-full);padding:10px 22px;transition:all .2s;display:inline-flex;align-items:center;gap:7px;border:none}.app-layout .btn-primary{background:var(--gray-900);color:#fff}.app-layout .btn-primary:hover{background:var(--purple-800);transform:translateY(-1px)}.app-layout .btn-secondary{background:transparent;color:var(--text);border:1px solid var(--dash-border-strong)}.app-layout .btn-secondary:hover{background:var(--dash-surface)}.app-layout .btn-purple{background:var(--purple-800);color:#fff}.app-layout .btn-purple:hover{background:var(--purple-900);transform:translateY(-1px)}.app-layout .btn-danger{background:transparent;color:var(--coral-400);border:1px solid var(--coral-400)}.app-layout .btn-danger:hover{background:var(--coral-50)}.app-layout .btn-sm{padding:7px 16px;font-size:13px}.app-layout .btn-xs{padding:5px 12px;font-size:12px}.app-layout .btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--dash-border);cursor:pointer;transition:all .15s;color:var(--text-secondary)}.app-layout .btn-icon:hover{background:var(--gray-50);color:var(--text)}.app-layout .input{width:100%;padding:10px 14px;border:1px solid var(--dash-border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);background:var(--dash-bg);outline:none;transition:border-color .2s}.app-layout .input:focus{border-color:var(--purple-400);background:var(--dash-surface)}.app-layout .input::placeholder{color:var(--text-muted)}.app-layout .form-group{margin-bottom:1.25rem}.app-layout .form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.app-layout .divider{height:1px;background:var(--dash-border);margin:1.5rem 0}.app-layout .progress-bar-outer{height:6px;background:var(--gray-50);border-radius:100px;overflow:hidden;border:1px solid var(--dash-border)}.app-layout .progress-bar-inner{height:100%;border-radius:100px;transition:width .6s ease}.app-layout .bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.app-layout .bar-label{font-size:12px;color:var(--text-secondary);width:82px;flex-shrink:0}.app-layout .bar-track{flex:1;height:5px;background:var(--gray-50);border-radius:100px;overflow:hidden;border:1px solid var(--dash-border)}.app-layout .bar-fill{height:100%;border-radius:100px}.app-layout .bar-val{font-size:11px;color:var(--text-muted);width:26px;text-align:right}.app-layout .chip{font-size:11px;padding:3px 9px;border-radius:100px;border:1px solid;display:inline-block}.app-layout .chip-green{background:var(--teal-50);color:var(--teal-800);border-color:var(--teal-100)}.app-layout .chip-amber{background:var(--amber-50);color:var(--amber-800);border-color:var(--amber-100)}.app-layout .chip-purple{background:var(--purple-50);color:var(--purple-800);border-color:var(--purple-100)}.app-layout .chip-red{background:var(--coral-50);color:var(--coral-400);border-color:var(--coral-400)}.app-layout .chip-gray{background:var(--gray-50);color:var(--gray-600);border-color:var(--gray-100)}.app-layout .empty-state{text-align:center;padding:4rem 2rem}.app-layout .empty-icon{width:64px;height:64px;background:var(--gray-50);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:26px;border:1px solid var(--dash-border)}.app-layout .empty-title{font-family:Playfair Display,serif;font-size:20px;font-weight:700;margin-bottom:.5rem}.app-layout .empty-sub{font-size:14px;color:var(--text-secondary);margin-bottom:1.5rem}.app-layout .tooltip{position:relative}.app-layout .tooltip-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;font-size:11px;padding:4px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:200}.app-layout .tooltip:hover .tooltip-tip{opacity:1}.app-layout .alert{border-radius:var(--radius-sm);padding:1rem 1.25rem;font-size:13px;line-height:1.6;display:flex;gap:10px;margin-bottom:1rem}.app-layout .alert svg{flex-shrink:0;margin-top:1px}.app-layout .alert strong{font-weight:500;display:block;margin-bottom:2px}.app-layout .alert-purple{background:var(--purple-50);border:1px solid var(--purple-100);border-left:3px solid var(--purple-600);color:var(--purple-900)}.app-layout .alert-green{background:var(--teal-50);border:1px solid var(--teal-100);border-left:3px solid var(--teal-400);color:var(--teal-800)}.app-layout .alert-amber{background:var(--amber-50);border:1px solid var(--amber-100);border-left:3px solid var(--amber-400);color:var(--amber-800)}.app-layout .alert-red{background:var(--coral-50);border:1px solid var(--coral-400);border-left:3px solid var(--coral-400);color:var(--coral-400)}.app-layout .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.app-layout .chart-area{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);padding:1.5rem}.app-layout .chart-title{font-size:14px;font-weight:500;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.app-layout .mini-chart{height:80px;display:flex;align-items:flex-end;gap:4px}.app-layout .chart-bar{flex:1;border-radius:3px 3px 0 0;transition:opacity .2s;cursor:pointer}.app-layout .chart-bar:hover{opacity:.75}.app-layout .chart-labels{display:flex;gap:4px;margin-top:4px}.app-layout .chart-label{flex:1;text-align:center;font-size:9px;color:var(--text-muted)}.app-layout .resume-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.app-layout .resume-item{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s;cursor:pointer}.app-layout .resume-item:hover{border-color:var(--purple-200);box-shadow:var(--dash-shadow)}.app-layout .resume-file-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--purple-50);border:1px solid var(--purple-100);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.app-layout .resume-name{font-size:14px;font-weight:500;margin-bottom:2px}.app-layout .resume-meta{font-size:12px;color:var(--text-muted)}.app-layout .resume-score-pill{margin-left:auto;font-family:Playfair Display,serif;font-size:20px;font-weight:900;color:var(--purple-800);min-width:44px;text-align:center}.app-layout .resume-actions{display:flex;gap:.5rem;flex-shrink:0}.app-layout .upload-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:flex-start;width:100%}.app-layout .drop-zone{background:var(--dash-surface);border:2px dashed var(--purple-200);border-radius:var(--radius);padding:3.5rem 2rem;text-align:center;cursor:pointer;transition:all .25s}.app-layout .drop-zone:hover,.app-layout .drop-zone.dragging{border-color:var(--purple-600);background:var(--purple-50)}.app-layout .drop-icon{width:60px;height:60px;border-radius:14px;background:var(--purple-50);border:1px solid var(--purple-100);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:24px}.app-layout .drop-zone h3{font-family:Playfair Display,serif;font-size:20px;font-weight:700;margin-bottom:6px}.app-layout .drop-zone p{font-size:14px;color:var(--text-secondary);margin-bottom:1.5rem}.app-layout .upload-tips{display:flex;flex-direction:column;gap:.75rem}.app-layout .tip-item{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius-sm);padding:1rem}.app-layout .tip-item h4{font-size:13px;font-weight:500;margin-bottom:4px;display:flex;align-items:center;gap:6px}.app-layout .tip-item p{font-size:12px;color:var(--text-secondary);line-height:1.55}.app-layout .jd-textarea{width:100%;min-height:100px;background:var(--dash-bg);border:1px solid var(--dash-border);border-radius:var(--radius-sm);padding:.875rem;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text);resize:vertical;outline:none;transition:border-color .2s}.app-layout .jd-textarea:focus{border-color:var(--purple-400)}.app-layout .jd-textarea::placeholder{color:var(--text-muted)}.app-layout .results-layout{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;align-items:flex-start}.app-layout .score-overview{position:sticky;top:calc(var(--dash-header-h) + 8px)}.app-layout .score-big-num{font-family:Playfair Display,serif;font-size:76px;font-weight:900;line-height:1;color:var(--purple-800);text-align:center;animation:dashCountUp .6s ease both}.app-layout .score-grade{text-align:center;margin:8px 0 16px}.app-layout .suggestions-list{list-style:none;display:flex;flex-direction:column;gap:0;padding:0;margin:0}.app-layout .sug-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--dash-border);font-size:13px;line-height:1.55}.app-layout .sug-item:last-child{border-bottom:none}.app-layout .sug-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.app-layout .action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.app-layout .rewrite-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.app-layout .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--dash-border)}.app-layout .panel-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.app-layout .resume-text-panel{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);padding:1.5rem;font-size:13px;line-height:1.8;color:var(--text-secondary);height:580px;overflow-y:auto;white-space:pre-wrap;font-family:DM Sans,sans-serif}.app-layout .rewrite-panel{background:var(--dash-surface);border:1px solid var(--purple-200);border-radius:var(--radius);padding:1.5rem;font-size:13px;line-height:1.8;color:var(--text);height:580px;overflow-y:auto}.app-layout .diff-line{background:var(--purple-50);border-left:2px solid var(--purple-400);padding:2px 6px;margin:2px 0;border-radius:0 3px 3px 0}.app-layout .score-jump{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--radius-sm);margin-bottom:1.5rem}.app-layout .score-jump .from{font-family:Playfair Display,serif;font-size:24px;font-weight:900;color:var(--gray-400)}.app-layout .score-jump .to{font-family:Playfair Display,serif;font-size:24px;font-weight:900;color:var(--teal-400)}.app-layout .score-jump .arrow{font-size:18px;color:var(--teal-400)}.app-layout .score-jump p{font-size:12px;color:var(--teal-800)}.app-layout .tailor-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.app-layout .keyword-grid{display:flex;flex-wrap:wrap;gap:5px;margin:.875rem 0}.app-layout .account-layout{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:flex-start;width:100%}.app-layout .account-nav{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:var(--radius);overflow:hidden;position:sticky;top:calc(var(--dash-header-h) + 8px)}.app-layout .acc-nav-item{display:flex;align-items:center;gap:9px;padding:.875rem 1.25rem;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--dash-border);transition:all .15s}.app-layout .acc-nav-item:last-child{border-bottom:none}.app-layout .acc-nav-item:hover{background:var(--gray-50);color:var(--text)}.app-layout .acc-nav-item.active{background:var(--purple-50);color:var(--purple-800);font-weight:500}.app-layout .plan-card{border:2px solid var(--dash-border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s;cursor:pointer;position:relative}.app-layout .plan-card.current{border-color:var(--purple-600)}.app-layout .plan-card:hover:not(.current){border-color:var(--gray-200)}.app-layout .plan-name{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:6px}.app-layout .plan-price{font-family:Playfair Display,serif;font-size:38px;font-weight:900;line-height:1;color:var(--text);margin-bottom:2px}.app-layout .plan-period{font-size:12px;color:var(--text-muted);margin-bottom:1rem}.app-layout .plan-features{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:1.25rem;padding:0}.app-layout .plan-feat{font-size:13px;color:var(--text-secondary);display:flex;gap:7px;align-items:flex-start}.app-layout .plan-feat .check{color:var(--teal-400);flex-shrink:0}.app-layout .plan-feat .cross{color:var(--gray-200);flex-shrink:0}.app-layout .current-badge{position:absolute;top:-1px;right:1rem;background:var(--purple-800);color:#fff;font-size:10px;font-weight:500;padding:3px 10px;border-radius:0 0 var(--dash-radius-xs) var(--dash-radius-xs)}.app-layout .billing-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:1px solid var(--dash-border);font-size:13px}.app-layout .billing-row:last-child{border-bottom:none}.app-layout .billing-row .label{color:var(--text-secondary)}.app-layout .billing-row .val{font-weight:500}.app-layout .danger-zone{border:1px solid var(--coral-400);border-radius:var(--radius);padding:1.5rem}.app-layout .danger-item{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:.875rem 0;border-bottom:1px solid var(--coral-50)}.app-layout .danger-item:last-child{border-bottom:none}.app-layout .danger-item h4{font-size:14px;font-weight:500;margin-bottom:3px}.app-layout .danger-item p{font-size:12px;color:var(--text-secondary)}.app-layout .toggle-switch{width:40px;height:22px;border-radius:100px;background:var(--gray-100);cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;border:none}.app-layout .toggle-switch.on{background:var(--purple-800)}.app-layout .toggle-thumb{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #00000026}.app-layout .toggle-switch.on .toggle-thumb{transform:translate(18px)}.app-layout .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:500;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-layout .modal-overlay.open{display:flex}.app-layout .modal{background:var(--dash-surface);border-radius:var(--radius);padding:2rem;max-width:480px;width:100%;margin:1rem;box-shadow:0 8px 40px #0000001a;animation:dashFadeUp .3s ease}.app-layout .modal-title{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:.5rem}.app-layout .modal-sub{font-size:14px;color:var(--text-secondary);margin-bottom:1.5rem}.app-layout .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.app-layout .photo-adjuster-modal{max-width:400px}.app-layout .photo-adjuster-preview-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.app-layout .photo-adjuster-circle{width:220px;height:220px;border-radius:50%;overflow:hidden;background:var(--gray-50);border:3px solid var(--dash-border);position:relative;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.app-layout .photo-adjuster-circle:active{cursor:grabbing}.app-layout .photo-adjuster-img{position:absolute;left:50%;top:50%;width:280px;height:280px;object-fit:cover;pointer-events:none}.app-layout .photo-adjuster-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:-.5rem 0 1rem}.app-layout .photo-adjuster-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.app-layout .photo-adjuster-label{display:flex;flex-direction:column;gap:.35rem;font-size:12px;font-weight:500;color:var(--text-secondary)}.app-layout .photo-adjuster-zoom-row{display:flex;align-items:center;gap:.75rem}.app-layout .photo-adjuster-zoom-row input[type=range]{flex:1;min-width:0;height:8px;accent-color:var(--purple-600);cursor:pointer}.app-layout .photo-adjuster-zoom-btn{width:36px;height:36px;border:1px solid var(--dash-border);border-radius:var(--radius);background:var(--dash-surface);color:var(--text-primary);font-size:18px;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.app-layout .photo-adjuster-zoom-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.app-layout .photo-adjuster-zoom-btn:active{background:var(--gray-100)}.app-layout .photo-adjuster-label input[type=range]{width:100%;height:8px;accent-color:var(--purple-600);cursor:pointer}.app-layout .photo-adjuster-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.app-layout .btn-ghost{background:transparent;border:none;color:var(--text-secondary);font-size:13px}.app-layout .btn-ghost:hover{color:var(--text-primary);background:var(--gray-50)}.app-layout .dash-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--gray-900);color:#fff;padding:10px 22px;border-radius:100px;font-size:13px;font-weight:500;z-index:1000;transition:transform .3s ease;pointer-events:none;white-space:nowrap;box-shadow:0 4px 20px #0003}.app-layout .dash-toast.visible{transform:translate(-50%) translateY(0)}@media (max-width: 960px){.app-layout .sidebar{transform:translate(-100%)}.app-layout .sidebar.open{transform:translate(0)}.app-layout .main{margin-left:0}.app-layout .topbar{left:0}.app-layout .ham-btn{display:flex}.app-layout .stats-grid{grid-template-columns:1fr 1fr}.app-layout .upload-layout,.app-layout .results-layout,.app-layout .rewrite-layout,.app-layout .tailor-top,.app-layout .account-layout{grid-template-columns:1fr}.app-layout .score-overview{position:static}}@media (max-width: 600px){.app-layout .stats-grid{grid-template-columns:1fr 1fr}.app-layout .page-content{padding:1rem}.app-layout .action-row{flex-direction:column}}.app-layout .resume-paper{width:595px;min-height:842px;background:#fff;box-shadow:0 4px 24px #0000001f;font-family:DM Sans,sans-serif;font-size:11px;line-height:1.45;color:#1a1a18;box-sizing:border-box}.app-layout .resume-name{font-size:22px;font-weight:700;margin:0 0 4px;letter-spacing:-.3px}.app-layout .resume-title{font-size:12px;color:#5f5e5a;margin:0 0 6px}.app-layout .resume-contact{font-size:10px;color:#888780;margin:0}.app-layout .resume-section{margin-bottom:14px}.app-layout .resume-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#534ab7;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #ddd}.app-layout .resume-summary{margin:0;color:#444441}.app-layout .resume-job{margin-bottom:12px}.app-layout .resume-job-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px}.app-layout .resume-job-role{font-weight:600;font-size:12px}.app-layout .resume-job-period{font-size:10px;color:#888780}.app-layout .resume-job-company{font-size:11px;color:#5f5e5a;margin:0 0 6px}.app-layout .resume-bullets{margin:0;padding-left:0;list-style:none}.app-layout .resume-bullets li{margin-bottom:3px;padding-left:1.1em;position:relative}.app-layout .resume-bullets li:before{content:"• ";position:absolute;left:0;color:#1a1a18}.app-layout .resume-edu{margin-bottom:6px}.app-layout .resume-edu-degree{font-weight:600}.app-layout .resume-edu-school{color:#5f5e5a}.app-layout .resume-edu-year{font-size:10px;color:#888780}.app-layout .resume-skills{margin:0;color:#444441}.app-layout .resume-declaration{margin-top:18px;padding-top:14px;border-top:1px solid #e8e8e6}.app-layout .resume-declaration-text{font-size:10px;color:#5f5e5a;margin:0 0 14px;line-height:1.5;font-style:italic}.app-layout .resume-signature-block{text-align:right}.app-layout .resume-signature-place{font-size:10px;color:#888780;margin-right:12px}.app-layout .resume-signature-date{font-size:10px;color:#888780}.app-layout .resume-signature-line{margin-top:8px;border-bottom:1px solid #1a1a18;width:140px;margin-left:auto;padding-bottom:2px}.app-layout .resume-signature-label{font-size:9px;color:#888780;text-transform:uppercase;letter-spacing:.5px}.app-layout .resume-header-with-photo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-layout .resume-header-text{flex:1;min-width:0}.app-layout .resume-photo-wrap{flex-shrink:0;width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid #e8e8e6}.app-layout .resume-photo{width:100%;height:100%;object-fit:cover;display:block}.app-layout .resume-photo-classic{width:64px;height:64px}.app-layout .resume-classic-header-inner{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.app-layout .resume-modern{display:flex;padding:0;overflow:hidden}.app-layout .resume-modern-accent{width:6px;background:#534ab7;flex-shrink:0}.app-layout .resume-modern-body{padding:28px 32px;flex:1}.app-layout .resume-classic{padding:24px 28px}.app-layout .resume-classic-header{text-align:center;margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid #534AB7}.app-layout .resume-classic-name{font-size:24px}.app-layout .resume-classic-title{margin-bottom:0}.app-layout .resume-classic-grid{display:grid;grid-template-columns:160px 1fr;gap:24px}.app-layout .resume-classic-sidebar{border-right:1px solid #e8e8e6;padding-right:20px}.app-layout .resume-classic-sidebar-title{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#534ab7;margin:0 0 8px}.app-layout .resume-classic-meta{font-size:10px;margin:0 0 4px;color:#444441}.app-layout .resume-classic-block{margin-bottom:18px}.app-layout .resume-classic-edu{margin-bottom:8px}.app-layout .resume-classic-skills{margin:0;padding-left:0;list-style:none;font-size:10px}.app-layout .resume-classic-skills li{padding-left:1.1em;position:relative}.app-layout .resume-classic-skills li:before{content:"• ";position:absolute;left:0;color:#1a1a18}.app-layout .resume-classic-main{min-width:0}.app-layout .resume-minimal{padding:36px 40px}.app-layout .resume-minimal-header{margin-bottom:24px}.app-layout .resume-minimal-name{font-size:26px;font-weight:700;letter-spacing:-.5px}.app-layout .resume-minimal-sub{font-size:13px;color:#5f5e5a;margin:0 0 8px}.app-layout .resume-minimal-contact{font-size:10px;color:#888780;margin:0}.app-layout .resume-minimal-section{margin-bottom:20px}.app-layout .resume-minimal-title{font-size:10px;border-bottom:none;padding-bottom:0;margin-bottom:10px}.app-layout .resume-minimal-text{font-size:11px}.app-layout .resume-minimal-job{margin-bottom:16px}.app-layout .resume-minimal-bullets{margin-bottom:0}.app-layout .resume-professional{padding:0;overflow:hidden}.app-layout .resume-pro-top{background:#0d9488;color:#fff;padding:16px 24px}.app-layout .resume-pro-name{margin:0;font-size:20px;font-weight:700;color:#fff}.app-layout .resume-pro-title{margin:4px 0 0;font-size:11px;color:#ffffffe6}.app-layout .resume-pro-grid{display:grid;grid-template-columns:140px 1fr;gap:0;min-height:0}.app-layout .resume-pro-side{background:#f0fdfa;padding:18px 16px;border-right:1px solid #ccfbf1}.app-layout .resume-pro-block{margin-bottom:16px}.app-layout .resume-pro-side-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#0d9488;margin:0 0 6px}.app-layout .resume-pro-meta{font-size:9px;color:#444441;margin:0 0 2px}.app-layout .resume-pro-skills-text{font-size:9px;color:#444441;margin:0;line-height:1.4}.app-layout .resume-pro-edu{margin-bottom:6px}.app-layout .resume-pro-edu .resume-edu-degree{font-size:10px}.app-layout .resume-pro-edu .resume-edu-school{font-size:9px}.app-layout .resume-pro-main{padding:20px 24px;min-width:0}.app-layout .resume-pro-main .resume-section{margin-bottom:14px}.app-layout .resume-pro-title.resume-section-title{color:#0d9488}.app-layout .resume-creative{padding:0}.app-layout .resume-creative-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;border-bottom:3px solid #ea580c;flex-wrap:wrap}.app-layout .resume-creative-name{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;color:#1a1a18}.app-layout .resume-creative-right{text-align:right;min-width:0}.app-layout .resume-creative-title{margin:0 0 4px;font-size:12px;color:#5f5e5a}.app-layout .resume-creative-contact{margin:0;font-size:10px;color:#888780}.app-layout .resume-creative-body{padding:20px 28px}.app-layout .resume-creative-sec{margin-bottom:16px;padding-left:14px;border-left:3px solid #ea580c}.app-layout .resume-creative-sec-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ea580c;margin:0 0 8px;padding-bottom:2px;border:none}.app-layout .resume-executive{padding:0}.app-layout .resume-exec-header{text-align:center;padding:28px 24px 24px;border-bottom:1px solid #e5e7eb}.app-layout .resume-exec-name{margin:0;font-size:24px;font-weight:700;color:#1e3a5f}.app-layout .resume-exec-title{margin:6px 0 4px;font-size:12px;color:#5f5e5a}.app-layout .resume-exec-contact{margin:0;font-size:10px;color:#888780}.app-layout .resume-exec-body{padding:24px 32px}.app-layout .resume-exec-sec{margin-bottom:20px}.app-layout .resume-exec-sec-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#1e3a5f;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #1e3a5f}.app-layout .resume-academic{padding:0}.app-layout .resume-acad-header{padding:24px 28px 16px;border-bottom:1px solid #e5e7eb}.app-layout .resume-acad-name{margin:0;font-size:22px;font-weight:700;color:#1a1a18}.app-layout .resume-acad-title{margin:4px 0;font-size:12px;color:#5f5e5a}.app-layout .resume-acad-contact{margin:0;font-size:10px;color:#888780}.app-layout .resume-acad-body{padding:20px 28px}.app-layout .resume-acad-sec{margin-bottom:18px}.app-layout .resume-acad-sec-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#4b5563;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #d1d5db}.app-layout .resume-acad-edu{margin-bottom:8px}.app-layout .resume-technical{padding:0;font-size:10px}.app-layout .resume-tech-header{padding:14px 20px;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.app-layout .resume-tech-name{margin:0;font-size:16px;font-weight:700}.app-layout .resume-tech-title{margin:0;font-size:10px;color:#5f5e5a}.app-layout .resume-tech-grid{display:grid;grid-template-columns:120px 1fr;gap:0}.app-layout .resume-tech-side{padding:14px 12px;background:#f9fafb;border-right:1px solid #e5e7eb;font-size:9px}.app-layout .resume-tech-meta{margin:0 0 4px;color:#444441}.app-layout .resume-tech-block{margin-top:12px}.app-layout .resume-tech-side-title{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#059669;margin:0 0 4px}.app-layout .resume-tech-skills{margin:0;font-size:9px;color:#444441;line-height:1.35}.app-layout .resume-tech-edu{margin-bottom:6px}.app-layout .resume-tech-main{padding:14px 18px;min-width:0}.app-layout .resume-tech-sec{margin-bottom:10px}.app-layout .resume-tech-sec-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#059669;margin:0 0 6px;padding-bottom:2px;border-bottom:1px solid #d1d5db}.app-layout .resume-technical .resume-job{margin-bottom:8px}.app-layout .resume-technical .resume-job-role{font-size:10px}.app-layout .resume-technical .resume-bullets li{margin-bottom:2px}.app-layout .resume-compact{padding:0;font-size:10px}.app-layout .resume-compact-grid{display:grid;grid-template-columns:130px 1fr;gap:0}.app-layout .resume-compact-side{padding:16px 14px;background:#faf5ff;border-right:1px solid #e9d5ff}.app-layout .resume-compact-name{margin:0 0 2px;font-size:14px;font-weight:700}.app-layout .resume-compact-title{margin:0 0 8px;font-size:9px;color:#5f5e5a}.app-layout .resume-compact-meta{margin:0 0 2px;font-size:9px;color:#444441}.app-layout .resume-compact-block{margin-top:10px}.app-layout .resume-compact-side-title{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6366f1;margin:0 0 4px}.app-layout .resume-compact-skills{margin:0;font-size:9px;line-height:1.35}.app-layout .resume-compact-edu{margin-bottom:4px}.app-layout .resume-compact-main{padding:16px 18px;min-width:0}.app-layout .resume-compact-sec{margin-bottom:10px}.app-layout .resume-compact-sec-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6366f1;margin:0 0 6px;padding-bottom:2px;border-bottom:1px solid #e0e7ff}.app-layout .resume-compact .resume-job{margin-bottom:8px}.app-layout .resume-compact .resume-job-role{font-size:10px}.app-layout .resume-bold{padding:0}.app-layout .resume-bold-header{background:#1a1a18;color:#fff;padding:22px 28px}.app-layout .resume-bold-name{margin:0;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.3px}.app-layout .resume-bold-title{margin:6px 0 4px;font-size:12px;color:#ffffffd9}.app-layout .resume-bold-contact{margin:0;font-size:10px;color:#ffffffb3}.app-layout .resume-bold-body{padding:24px 28px}.app-layout .resume-bold-sec-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#1a1a18;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #1a1a18}.app-layout .resume-elegant{padding:0;font-family:Georgia,Times New Roman,serif}.app-layout .resume-elegant-header{text-align:center;padding:28px 24px 20px}.app-layout .resume-elegant-name{margin:0;font-size:26px;font-weight:700;font-family:Playfair Display,Georgia,serif;color:#1a1a18;letter-spacing:.5px}.app-layout .resume-elegant-title{margin:8px 0 4px;font-size:13px;font-style:italic;color:#5f5e5a}.app-layout .resume-elegant-contact{margin:0;font-size:10px;color:#888780;font-family:DM Sans,sans-serif}.app-layout .resume-elegant-body{padding:20px 32px}.app-layout .resume-elegant-sec{margin-bottom:18px}.app-layout .resume-elegant-sec-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#78716c;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #d6d3d1;font-family:DM Sans,sans-serif}.app-layout .resume-elegant .resume-summary,.app-layout .resume-elegant .resume-job-role{font-family:Georgia,serif}.app-layout .resume-simple{padding:24px 28px}.app-layout .resume-simple-header{margin-bottom:18px}.app-layout .resume-simple-header .resume-name{font-size:20px}.app-layout .resume-simple-sec{margin-bottom:14px}.app-layout .resume-simple-sec-title{font-size:11px;font-weight:600;color:#374151;margin:0 0 6px;padding:0;border:none;text-transform:none;letter-spacing:0}.app-layout .resume-sidebar{padding:0;overflow:hidden}.app-layout .resume-sidebar-grid{display:grid;grid-template-columns:155px 1fr;gap:0;min-height:0}.app-layout .resume-sidebar-col{background:linear-gradient(180deg,#7c3aed,#6d28d9);color:#fff;padding:20px 16px}.app-layout .resume-sidebar-name{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.app-layout .resume-sidebar-title{margin:0 0 16px;font-size:10px;color:#ffffffe6}.app-layout .resume-sidebar-block{margin-bottom:16px}.app-layout .resume-sidebar-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fffc;margin:0 0 6px;display:block}.app-layout .resume-sidebar-meta{margin:0 0 2px;font-size:9px;color:#fffffff2}.app-layout .resume-sidebar-list{margin:0;padding-left:12px;font-size:9px;color:#fffffff2}.app-layout .resume-sidebar-list li{margin-bottom:2px}.app-layout .resume-sidebar-edu{margin-bottom:6px}.app-layout .resume-sidebar-edu .resume-edu-degree{font-size:9px;color:#fff;font-weight:600}.app-layout .resume-sidebar-edu .resume-edu-school{font-size:9px;color:#ffffffe6}.app-layout .resume-sidebar-edu .resume-edu-year{font-size:8px;color:#ffffffbf}.app-layout .resume-sidebar-main{padding:22px 26px;min-width:0}.app-layout .resume-sidebar-sec-title{color:#7c3aed}.app-layout .templates-page{max-width:1000px}.app-layout .templates-hero{text-align:center;margin-bottom:2.5rem;padding:1.5rem 0 0}.app-layout .templates-hero-title{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:var(--text);margin:0 0 .5rem;letter-spacing:-.5px}.app-layout .templates-hero-sub{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem;max-width:520px;margin-left:auto;margin-right:auto}.app-layout .templates-steps{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.75rem 1.25rem;background:var(--purple-50);border:1px solid var(--purple-100);border-radius:var(--radius-full);font-size:13px;color:var(--purple-800)}.app-layout .templates-step{display:inline-flex;align-items:center;gap:6px}.app-layout .templates-step-num{width:22px;height:22px;border-radius:50%;background:var(--purple-800);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.app-layout .templates-step-arrow{color:var(--purple-400);font-size:14px}.app-layout .templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width: 1200px){.app-layout .templates-grid{grid-template-columns:repeat(4,1fr)}}.app-layout .template-card{background:var(--dash-surface);border:1px solid var(--dash-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a}.app-layout .template-card:hover{border-color:var(--purple-300);box-shadow:0 8px 24px #5e3a7f1f;transform:translateY(-2px)}.app-layout .template-card-preview{height:220px;background:linear-gradient(180deg,var(--gray-50) 0%,var(--dash-surface2) 100%);border-bottom:1px solid var(--dash-border);overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:12px}.app-layout .template-card-preview-inner{transform:scale(.24);transform-origin:top center;width:595px;min-height:842px;box-shadow:0 4px 20px #00000014;pointer-events:none;border-radius:4px}.app-layout .template-card-preview-inner .resume-paper{box-shadow:none}.app-layout .template-card-body{padding:1.25rem 1.5rem;flex:1;display:flex;flex-direction:column}.app-layout .template-card-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;color:var(--text);margin:0 0 .5rem}.app-layout .template-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.55;margin:0 0 1.25rem;flex:1}.app-layout .template-card-cta{width:100%;justify-content:center;padding:10px 20px;font-size:14px}.app-layout .template-card-cta:hover{transform:none}.app-layout .template-editor-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}.app-layout .template-editor-form .form-group{margin-bottom:1rem}.app-layout .template-editor-form .form-label{font-size:12px;font-weight:500;margin-bottom:4px;display:block}.app-layout .template-editor-form .input{font-size:13px;padding:8px 12px}.app-layout .template-editor-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--dash-border)}.app-layout .template-editor-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.app-layout .template-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--purple-800);margin-bottom:.75rem}.app-layout .template-block{background:var(--dash-surface2);border:1px solid var(--dash-border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.app-layout .template-block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.app-layout .template-block-title{font-size:13px;font-weight:600;color:var(--text)}.app-layout .template-bullets-list{display:flex;flex-direction:column;gap:.5rem}.app-layout .template-bullet-row{display:flex;align-items:center;gap:.5rem}.app-layout .template-bullet-dot{color:var(--text-muted);font-size:14px;flex-shrink:0}.app-layout .template-bullet-input{flex:1;min-width:0}.app-layout .template-bullet-remove{width:28px;height:28px;flex-shrink:0;border:none;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.app-layout .template-bullet-remove:hover{background:var(--gray-100);color:var(--text)}.app-layout .template-add-bullet{margin-top:.25rem;padding-left:0;color:var(--purple-600);font-size:13px}.app-layout .template-add-bullet:hover{color:var(--purple-700);background:transparent}.app-layout .template-photo-preview{width:72px;height:72px;border-radius:50%;border:2px solid var(--dash-border);overflow:hidden;background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-layout .template-preview-wrap{position:sticky;top:calc(var(--dash-header-h) + 8px);background:var(--dash-surface2);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--dash-border)}@media (max-width: 960px){.app-layout .template-editor-layout,.app-layout .templates-grid{grid-template-columns:1fr}.app-layout .templates-hero-title{font-size:24px}.app-layout .templates-steps{flex-direction:column;gap:.5rem}.app-layout .templates-step-arrow{transform:rotate(90deg)}}@media (max-width: 600px){.app-layout .templates-hero{margin-bottom:1.5rem;padding-top:.5rem}.app-layout .templates-hero-sub{font-size:14px}.app-layout .template-card-body{padding:1rem 1.25rem}.app-layout .template-card-preview{height:200px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50: #EEEDFE;--purple-100: #CECBF6;--purple-200: #AFA9EC;--purple-400: #7F77DD;--purple-600: #534AB7;--purple-800: #3C3489;--purple-900: #26215C;--teal-50: #E1F5EE;--teal-100: #9FE1CB;--teal-400: #1D9E75;--teal-800: #085041;--amber-50: #FAEEDA;--amber-100: #FAC775;--amber-400: #EF9F27;--amber-800: #633806;--coral-50: #FAECE7;--coral-400: #D85A30;--coral-800: #4A1B0C;--gray-50: #F1EFE8;--gray-100: #D3D1C7;--gray-200: #B4B2A9;--gray-400: #888780;--gray-600: #5F5E5A;--gray-800: #444441;--gray-900: #2C2C2A;--bg: #FAFAF8;--surface: #FFFFFF;--text: #1A1A18;--text-secondary: #5F5E5A;--text-muted: #888780;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--radius: 12px;--radius-sm: 8px;--radius-full: 100px;--shadow-lg: 0 12px 48px rgba(0, 0, 0, .1)}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-50)}::-webkit-scrollbar-thumb{background:var(--purple-200);border-radius:3px}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fafaf8eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Playfair Display,serif;font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.5px;cursor:pointer;text-decoration:none}.logo span{color:var(--purple-600)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-size:14px;font-weight:400;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:color .2s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--purple-600);font-weight:500}.nav-cta{background:var(--gray-900);color:#fff;border:none;padding:9px 22px;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}.nav-cta:hover{background:var(--purple-800)}.nav-cta:active{transform:scale(.98)}.nav-user{position:relative;display:flex;align-items:center}.nav-profile-trigger{display:flex;align-items:center;gap:.5rem;padding:6px 10px 6px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);cursor:pointer;font-family:inherit;font-size:14px;color:var(--text);transition:border-color .2s,box-shadow .2s}.nav-profile-trigger:hover{border-color:var(--purple-200);box-shadow:0 2px 8px #0000000f}.nav-profile-greeting{font-weight:500;color:var(--text)}.nav-profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--purple-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.nav-profile-chevron{color:var(--text-muted);transition:transform .2s}.nav-profile-chevron.open{transform:rotate(180deg)}.nav-profile-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;padding:6px 0;z-index:200}.nav-profile-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;font-family:inherit;font-size:14px;color:var(--text);text-align:left;cursor:pointer;transition:background .2s}.nav-profile-item:hover{background:var(--gray-50)}.nav-profile-item-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.nav-profile-item:hover .nav-profile-item-icon{color:var(--purple-600)}.mobile-menu .nav-profile-greeting.mobile{padding:12px 1.5rem;font-size:16px;color:var(--text-secondary)}.mobile-menu .nav-profile-item{padding:12px 1.5rem;text-align:left}.page-wrap{padding-top:64px;min-height:100vh}.page-wrap--no-header{padding-top:0}.page-wrap--dashboard{padding-top:0;min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes barFill{0%{width:0}to{width:var(--w)}}.anim-1{animation:fadeUp .6s ease both}.anim-2{animation:fadeUp .6s .1s ease both}.anim-3{animation:fadeUp .6s .2s ease both}.anim-4{animation:fadeUp .6s .3s ease both}.anim-5{animation:fadeUp .6s .4s ease both}.hero{max-width:1100px;margin:0 auto;padding:6rem 2rem 4rem;display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--purple-50);color:var(--purple-800);font-size:12px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);margin-bottom:1.5rem;border:1px solid var(--purple-100);animation:slideRight .5s ease both}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--purple-600);animation:pulse 2s infinite}.hero h1{font-family:Playfair Display,serif;font-size:54px;line-height:1.1;font-weight:900;margin-bottom:1.25rem;letter-spacing:-1px}.hero h1 em{font-style:italic;color:var(--purple-600)}.hero-desc{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;max-width:440px}.hero-actions{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.btn-primary{background:var(--gray-900);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:var(--purple-800);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98) translateY(0)}.btn-primary.btn-sm{padding:9px 20px;font-size:13px}.btn-purple{background:var(--purple-800);color:#fff;border:none;padding:12px 26px;border-radius:var(--radius-full);font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-purple:hover{background:var(--purple-900);transform:translateY(-1px)}.btn-purple.btn-sm{padding:9px 20px;font-size:13px}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong);padding:12px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--surface);border-color:var(--gray-400)}.hero-stats{display:flex;gap:2rem}.hero-stat strong{font-size:22px;font-weight:700;font-family:Playfair Display,serif}.hero-stat span{display:block;font-size:12px;color:var(--text-muted)}.resume-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;position:relative;box-shadow:0 8px 40px #0000000f;animation:fadeUp .8s .3s ease both}.score-badge{position:absolute;top:-20px;right:1.5rem;width:60px;height:60px;border-radius:50%;background:var(--purple-800);color:var(--purple-50);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:700;line-height:1;box-shadow:0 4px 20px #3c34894d}.score-badge small{font-size:9px;font-weight:400;opacity:.8}.preview-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}.preview-name{font-family:Playfair Display,serif;font-size:18px;font-weight:700;margin-bottom:2px}.preview-title{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-label{font-size:11px;color:var(--text-secondary);width:72px;flex-shrink:0}.bar-track{flex:1;height:6px;background:var(--gray-50);border-radius:100px;overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;border-radius:100px;animation:barFill 1.2s .8s ease both;animation-fill-mode:both}.bar-val{font-size:11px;color:var(--text-secondary);width:28px;text-align:right}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.chip{font-size:11px;padding:3px 10px;border-radius:100px;font-weight:400}.chip-green{background:#e6f7f0;color:#0f6e56;border:1px solid #9FE1CB}.chip-amber{background:var(--amber-50);color:#854f0b;border:1px solid var(--amber-100)}.chip-purple{background:var(--purple-50);color:var(--purple-800);border:1px solid var(--purple-100)}.ai-tip{background:var(--purple-50);border-left:3px solid var(--purple-600);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 12px;font-size:12px;color:var(--purple-800);line-height:1.5}.ai-tip strong{display:block;font-weight:500;margin-bottom:2px}.section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{display:inline-block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--purple-600);margin-bottom:10px}.section-title{font-family:Playfair Display,serif;font-size:38px;font-weight:900;letter-spacing:-.5px;margin-bottom:12px;line-height:1.15}.section-title em{font-style:italic;color:var(--purple-600)}.section-sub{font-size:16px;color:var(--text-secondary);max-width:520px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;position:relative;transition:box-shadow .2s,transform .2s}.step:hover{box-shadow:0 8px 32px #00000012;transform:translateY(-3px)}.step-num{font-family:Playfair Display,serif;font-size:48px;font-weight:900;color:var(--purple-100);line-height:1;margin-bottom:1rem}.step h3{font-size:17px;font-weight:500;margin-bottom:8px}.step p{font-size:14px;color:var(--text-secondary);line-height:1.6}.step-arrow{position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);font-size:20px;color:var(--purple-200);z-index:1}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:all .2s}.feature-card:hover{border-color:var(--purple-200);box-shadow:0 6px 24px #534ab714}.feature-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--purple-50);border:1px solid var(--purple-100);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-card h3{font-size:15px;font-weight:500;margin-bottom:8px}.feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.feature-big{grid-column:span 2;background:linear-gradient(135deg,var(--purple-900),var(--purple-800));color:#fff;border-color:transparent}.feature-big h3,.feature-big p{color:#ffffffe6}.feature-big .feature-icon{background:#ffffff1a;border-color:#fff3}.feature-big:hover{border-color:transparent;box-shadow:0 8px 32px #3c34894d}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .2s}.testimonial:hover{transform:translateY(-2px)}.testimonial-text{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:10px}.author-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.author-name{font-size:13px;font-weight:500}.author-role{font-size:11px;color:var(--text-muted)}.stars{color:#ef9f27;font-size:11px;margin-bottom:10px;letter-spacing:1px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:860px;margin:0 auto}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;transition:all .2s}.plan:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.plan.featured{border:2px solid var(--purple-600);position:relative}.plan-tag{display:inline-block;font-size:11px;font-weight:500;background:var(--purple-50);color:var(--purple-800);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:1.25rem;border:1px solid var(--purple-100)}.plan-name{font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.plan-price{font-family:Playfair Display,serif;font-size:42px;font-weight:900;line-height:1;margin-bottom:4px}.plan-period{font-size:13px;color:var(--text-secondary);margin-bottom:1.25rem}.plan-desc{font-size:13px;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.plan-features{list-style:none;margin-bottom:2rem}.plan-feature{display:flex;align-items:flex-start;gap:8px;font-size:13px;padding:6px 0;color:var(--text-secondary);border-bottom:1px solid var(--border)}.plan-feature:last-child{border-bottom:none}.check-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}.check-yes{background:#e6f7f0}.check-no{background:var(--gray-50)}.plan-btn{width:100%;padding:12px;border-radius:var(--radius-full);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-strong);background:transparent;color:var(--text)}.plan-btn:hover,.plan-btn.primary{background:var(--gray-900);color:#fff;border-color:transparent}.plan-btn.primary:hover{background:var(--purple-800)}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;cursor:pointer;font-size:15px;font-weight:500;gap:1rem;transition:color .2s}.faq-q:hover{color:var(--purple-600)}.faq-icon{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:var(--text-secondary);transition:transform .3s,background .2s}.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--purple-50);color:var(--purple-600);border-color:var(--purple-200)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;font-size:14px;color:var(--text-secondary);line-height:1.7}.faq-item.open .faq-a{max-height:200px;padding-bottom:1.25rem}.cta-banner{background:var(--purple-900);margin:0;padding:5rem 2rem;text-align:center;color:#fff}.cta-banner h2{font-family:Playfair Display,serif;font-size:42px;font-weight:900;margin-bottom:1rem;letter-spacing:-.5px}.cta-banner h2 em{font-style:italic;color:var(--purple-200)}.cta-banner p{font-size:16px;color:#ffffffb3;margin-bottom:2rem}.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-white{background:#fff;color:var(--purple-900);border:none;padding:14px 32px;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-white:hover{background:var(--purple-50);transform:translateY(-1px)}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.btn-ghost:hover{background:#ffffff1a}footer{background:var(--gray-900);color:#ffffffb3;padding:4rem 2rem 2rem}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem}.footer-brand .logo{color:#fff;display:block;margin-bottom:1rem}.footer-desc{font-size:13px;line-height:1.6;max-width:260px}.footer-col h4{font-size:13px;font-weight:500;color:#fff;margin-bottom:1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{font-size:13px;color:#ffffff8c;text-decoration:none;cursor:pointer;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffff59;flex-wrap:wrap;gap:.5rem}.page{min-height:100vh}.gs-layout{display:grid;grid-template-columns:1fr 400px;gap:4rem;max-width:1060px;margin:0 auto;padding:4rem 2rem 5rem;align-items:flex-start}.gs-left h1{font-family:Playfair Display,serif;font-size:44px;font-weight:900;letter-spacing:-1.2px;line-height:1.1;margin-bottom:.75rem}.gs-left h1 em{font-style:italic;color:var(--purple-600)}.gs-left p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;max-width:420px}.gs-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:2.5rem;flex-wrap:nowrap}.gs-progress__segment{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.gs-progress__segment:not(:last-child){flex:1;min-width:0}.gs-progress__segment:not(:last-child) .gs-prog-line{flex:1;min-width:24px;margin-left:.25rem}.gs-prog-step{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--text-muted);flex-shrink:0}.gs-prog-step.done{color:var(--teal-400)}.gs-prog-step.active{color:var(--purple-800);font-weight:500}.gs-prog-circle{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;transition:all .3s}.gs-prog-step.done .gs-prog-circle{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.gs-prog-step.active .gs-prog-circle{background:var(--purple-800);border-color:var(--purple-800);color:#fff}.gs-prog-label{white-space:nowrap}.gs-prog-line{width:28px;height:2px;background:var(--gray-100);flex-shrink:0;border-radius:1px;align-self:center}.gs-prog-line.done{background:var(--teal-100)}.gs-steps-panel{display:flex;flex-direction:column;gap:6px}.gs-step-row{display:flex;gap:1.25rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:0;cursor:pointer;transition:all .2s;position:relative;align-items:flex-start}.gs-step-row:hover{border-color:var(--purple-200);box-shadow:0 4px 16px #0000000f}.gs-step-row.active{border-color:var(--purple-600);border-width:1.5px;box-shadow:0 4px 20px #534ab71a}.gs-step-row.completed{border-color:var(--teal-100);background:var(--teal-50)}.gs-step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;border:1.5px solid var(--gray-100);transition:all .3s}.gs-step-row.active .gs-step-icon{background:var(--purple-800);border-color:var(--purple-800);color:#fff}.gs-step-row.completed .gs-step-icon{background:var(--teal-400);border-color:var(--teal-400);color:#fff}.gs-step-body{flex:1}.gs-step-title{font-size:15px;font-weight:500;margin-bottom:3px}.gs-step-row.active .gs-step-title{color:var(--purple-800)}.gs-step-row.completed .gs-step-title{color:var(--teal-800)}.gs-step-sub{font-size:13px;color:var(--text-muted)}.gs-step-row.active .gs-step-sub{color:var(--text-secondary)}.gs-expanded{display:none;padding-top:1rem;border-top:1px solid var(--border);margin-top:1rem}.gs-step-row.active .gs-expanded{display:block}.gs-form-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-lg);position:sticky;top:84px}.gs-form-title{font-family:Playfair Display,serif;font-size:22px;font-weight:900;margin-bottom:4px}.gs-form-sub{font-size:13px;color:var(--text-secondary);margin-bottom:1.5rem}.gs-form-card form{margin-top:1.25rem}.gs-form-card .form-field{margin-bottom:1rem}.gs-form-card .form-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px;display:block}.gs-form-card .form-input{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.gs-form-card .form-input:focus{border-color:var(--purple-400);background:var(--surface)}.gs-form-card .form-input::placeholder{color:var(--text-muted)}.gs-form-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.gs-form-card .form-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:12px;color:var(--text-muted)}.gs-form-card .form-divider:before,.gs-form-card .form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.gs-form-card .btn-google{width:100%;padding:14px 20px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.gs-form-card .btn-google:hover{background:var(--gray-50)}.gs-form-card .form-submit{width:100%;padding:12px;background:var(--gray-900);color:#fff;border:none;border-radius:var(--radius-full);font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.25rem}.gs-form-card .form-submit:hover{background:var(--purple-800)}body.otp-modal-open{overflow:hidden}.otp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1880;z-index:300;cursor:pointer}.otp-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--surface);border-radius:16px;box-shadow:0 24px 80px #0003;z-index:301;padding:2rem 1.75rem}.otp-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:var(--gray-50);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s,background .2s}.otp-modal-close:hover{color:var(--text);background:var(--gray-100)}.gs-otp-form .gs-otp-title{font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;margin:0 0 .25rem}.gs-otp-form .gs-otp-email-inline{color:var(--purple-600);font-weight:600;word-break:break-all}.gs-otp-form .gs-otp-sub{font-size:14px;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.4}.gs-otp-input{text-align:center;font-size:1.25rem;letter-spacing:.25em}.gs-otp-resend{text-align:center;margin-top:1rem;font-size:13px;color:var(--text-secondary)}.gs-otp-resend-btn{background:none;border:none;font:inherit;color:var(--purple-600);font-weight:500;cursor:pointer;padding:0}.gs-otp-resend-btn:hover{text-decoration:underline}.gs-form-card .form-legal{font-size:11px;color:var(--text-muted);text-align:center;margin-top:.75rem;line-height:1.5}.gs-form-card .form-legal a{color:var(--purple-600);text-decoration:none}.gs-form-card .form-legal a:hover{text-decoration:underline}.gs-form-card .form-success{display:none;text-align:center;padding:1.5rem 0}.gs-form-card .form-success.show{display:block}.gs-form-card .form-success .check-circle{width:56px;height:56px;border-radius:50%;background:var(--teal-50);border:2px solid var(--teal-100);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:24px;color:var(--teal-400)}.gs-form-card .form-success h3{font-family:Playfair Display,serif;font-size:20px;font-weight:700;margin-bottom:6px}.gs-form-card .form-success p{font-size:13px;color:var(--text-secondary);line-height:1.6}.login-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--purple-50) 0%,var(--bg) 28%)}.login-page__inner{flex:1;max-width:420px;margin:0 auto;padding:3rem 1.5rem 4rem;width:100%}.login-page__logo{font-family:Playfair Display,serif;font-size:26px;font-weight:900;color:var(--text);letter-spacing:-.5px;text-decoration:none;display:block;margin-bottom:2rem;text-align:center}.login-page__logo span{color:var(--purple-600)}.login-page__logo:hover{color:var(--text)}.login-page__header{text-align:center;margin-bottom:2rem}.login-page__icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--purple-600);box-shadow:0 2px 8px #0000000a}.login-page__title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.02em}.login-page__subtitle{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0}.login-page__card{position:static;padding:2rem 1.75rem;border-radius:16px}.login-page__heading{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.02em}.login-page__sub{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.4}.login-page__form .form-field{margin-bottom:1.25rem}.login-page__form .form-divider{margin:1.5rem 0}.login-page__label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.login-page__label-row .form-label{margin-bottom:0}.login-page__forgot{font-size:12px;color:var(--purple-600);text-decoration:none;font-weight:500}.login-page__forgot:hover{text-decoration:underline}.login-page__submit{margin-top:.5rem;padding:13px;font-size:15px}.login-page__footer-link{text-align:center;margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border);font-size:14px}.login-page__link{color:var(--purple-600);font-weight:500;text-decoration:none}.login-page__link:hover{text-decoration:underline}.login-page__success{text-align:center;padding:.5rem 0}.login-page__success-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--teal-400)}.login-page__success-title{font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.login-page__success-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 1.5rem}.login-page__success-text strong{color:var(--text)}.login-page__back{display:inline-block;color:var(--purple-600);font-weight:500;font-size:14px;text-decoration:none}.login-page__back:hover{text-decoration:underline}.login-page__signup{text-align:center;margin:1.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.login-page__signup-link{background:none;border:none;font:inherit;color:var(--purple-600);font-weight:600;cursor:pointer;padding:0;text-decoration:none}.login-page__signup-link:hover{text-decoration:underline}.plan-pills{display:flex;gap:.5rem;margin-bottom:1.5rem}.plan-pill{flex:1;padding:10px 8px;text-align:center;border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;transition:all .2s;font-size:13px}.plan-pill.selected{border-color:var(--purple-600);background:var(--purple-50)}.plan-pill .pp-name{font-weight:500;display:block;margin-bottom:2px}.plan-pill .pp-price{font-size:11px;color:var(--text-muted)}.plan-pill.selected .pp-price{color:var(--purple-600)}.strength-bar{height:4px;border-radius:2px;background:var(--gray-100);margin-top:6px;overflow:hidden;transition:all .3s}.strength-fill{height:100%;border-radius:2px;transition:width .3s}.strength-label{font-size:11px;color:var(--text-muted);margin-top:3px}.gs-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.gs-tips-grid .gs-tip{margin-bottom:0}.gs-tip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.gs-tip h4{font-size:14px;font-weight:500;margin-bottom:8px}.gs-tip p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.gs-tag{font-size:11px;padding:4px 10px;border-radius:100px;display:inline-block}.tag-free{background:var(--teal-50);color:var(--teal-800);border:1px solid var(--teal-100)}.tag-pro{background:var(--purple-50);color:var(--purple-800);border:1px solid var(--purple-100)}.tag-tip{background:var(--amber-50);color:var(--amber-800);border:1px solid var(--amber-100)}.ctab{background:var(--purple-900);padding:5rem 2rem;text-align:center;color:#fff}.ctab h2{font-family:Playfair Display,serif;font-size:38px;font-weight:900;margin-bottom:.5rem}.ctab h2 em{font-style:italic;color:var(--purple-200)}.ctab p{font-size:16px;color:#ffffffb3;margin-bottom:1.5rem}.ctab-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media (max-width: 900px){.gs-layout{grid-template-columns:1fr}.gs-form-card{position:static}.gs-tips-grid{grid-template-columns:1fr}}.legal-hero{max-width:760px;margin:0 auto;padding:5rem 2rem 2rem}.legal-hero h1{font-family:Playfair Display,serif;font-size:44px;font-weight:900;letter-spacing:-1px;margin-bottom:.5rem}.legal-hero .updated{font-size:13px;color:var(--text-muted)}.legal-body{max-width:760px;margin:0 auto;padding:2rem 2rem 5rem}.legal-body h2{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin:2.5rem 0 .75rem;padding-top:.5rem;border-top:1px solid var(--border)}.legal-body h2:first-of-type{border-top:none;margin-top:0}.legal-body p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.legal-body ul{margin:0 0 1rem 1rem}.legal-body ul li{font-size:14px;color:var(--text-secondary);line-height:1.75;margin-bottom:6px}.legal-body a{color:var(--purple-600);text-decoration:none}.legal-body a:hover{text-decoration:underline}.legal-highlight{background:var(--purple-50);border:1px solid var(--purple-100);border-radius:var(--radius-sm);padding:1rem 1.25rem;margin:1rem 0;font-size:13px;color:var(--purple-900);line-height:1.65}.legal-toc{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.legal-toc h3{font-size:13px;font-weight:500;margin-bottom:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.legal-toc ol{padding-left:1.25rem}.legal-toc li{font-size:13px;color:var(--purple-600);margin-bottom:5px;cursor:pointer}.legal-toc li:hover{color:var(--purple-800)}.legal-ey{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.2px;color:var(--purple-600);margin-bottom:10px}.upload-hero{max-width:800px;margin:0 auto;padding:4rem 2rem 2rem;text-align:center}.upload-hero h1{font-family:Playfair Display,serif;font-size:42px;font-weight:900;margin-bottom:1rem}.upload-hero p{font-size:16px;color:var(--text-secondary)}.upload-zone{max-width:600px;margin:2rem auto;background:var(--surface);border:2px dashed var(--purple-200);border-radius:var(--radius);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s;position:relative}.upload-zone:hover{border-color:var(--purple-600);background:var(--purple-50)}.upload-icon{font-size:48px;margin-bottom:1rem}.upload-zone h3{font-size:18px;font-weight:500;margin-bottom:8px}.upload-zone p{font-size:14px;color:var(--text-secondary);margin-bottom:1.25rem}.upload-zone input{display:none}.upload-formats{font-size:11px;color:var(--text-muted)}.analyze-section{max-width:900px;margin:0 auto;padding:2rem}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.result-card h3{font-size:14px;font-weight:500;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.score-circle-wrap{text-align:center;padding:1rem 0}.score-big{font-family:Playfair Display,serif;font-size:72px;font-weight:900;color:var(--purple-800);line-height:1}.score-big-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.suggestions-list{list-style:none}.suggestion{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.5}.suggestion:last-child{border-bottom:none}.sug-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.pricing-page{max-width:1000px;margin:0 auto;padding:4rem 2rem}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px;margin:1.5rem auto;gap:4px}.toggle-btn{padding:8px 22px;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:all .2s}.toggle-btn.active{background:var(--gray-900);color:#fff}.save-badge{display:inline-block;font-size:11px;background:#e6f7f0;color:#0f6e56;padding:2px 8px;border-radius:var(--radius-full);margin-left:6px;font-weight:500}.comparison-table{width:100%;border-collapse:collapse;margin-top:3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.comparison-table th{padding:1rem;text-align:left;font-size:13px;font-weight:500;background:var(--gray-50);border-bottom:1px solid var(--border)}.comparison-table td{padding:12px 1rem;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:first-child{font-weight:400;color:var(--text)}.about-hero{max-width:800px;margin:0 auto;padding:5rem 2rem 3rem;text-align:center}.about-hero h1{font-family:Playfair Display,serif;font-size:48px;font-weight:900;letter-spacing:-1px;margin-bottom:1.25rem}.about-hero p{font-size:17px;color:var(--text-secondary);line-height:1.7}.about-body{max-width:1100px;margin:0 auto;padding:2rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.about-card h3{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:1rem}.about-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:3rem}.team-member{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;transition:transform .2s}.team-member:hover{transform:translateY(-3px)}.member-avatar{width:60px;height:60px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.member-name{font-size:14px;font-weight:500;margin-bottom:4px}.member-role{font-size:12px;color:var(--text-muted)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:3rem 0}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.stat-num{font-family:Playfair Display,serif;font-size:36px;font-weight:900;color:var(--purple-800);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;color:var(--text)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;z-index:99;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 2rem;flex-direction:column;gap:1rem}.mobile-menu.open{display:flex}.mobile-menu .nav-link{font-size:16px}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:block}.hero{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}.hero h1{font-size:36px}.resume-preview{display:none}.steps,.features-grid{grid-template-columns:1fr}.feature-big{grid-column:span 1}.testimonials-grid,.pricing-grid{grid-template-columns:1fr}.footer-top,.team-grid,.stat-row{grid-template-columns:1fr 1fr}.result-grid,.about-grid{grid-template-columns:1fr}.section-title{font-size:28px}.step-arrow{display:none}}