:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#f6faf9;--teal: #009b84;--teal-2: #11b79a;--teal-soft: #e6f8f4;--blue: #3b82f6;--purple: #7c5cff;--orange: #f59e0b;--red: #ef4444;--line: #dde7ee;--muted: #718096;--panel: rgba(255, 255, 255, .92);--shadow: 0 12px 32px rgba(31, 45, 61, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:var(--teal);text-decoration:none;display:inline-flex;align-items:center;gap:4px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.2;letter-spacing:0}h2{font-size:18px;letter-spacing:0}p,small,.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex;background:linear-gradient(180deg,#fbfefd,#f4faf8)}.sidebar{width:292px;min-height:100vh;border-right:1px solid var(--line);background:#ffffffe6;padding:26px 16px;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;gap:28px}.brand,.auth-brand{display:flex;align-items:center;gap:12px;color:#101827}.brand strong,.auth-brand strong{display:block;font-size:20px;white-space:nowrap}.brand small,.auth-brand small{display:block;color:#718096;margin-top:4px}.brand-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#008f7c,#10b99a);box-shadow:0 10px 20px #009b8438;flex:0 0 auto}nav{display:grid;gap:8px}.nav-item{min-height:48px;border-radius:8px;padding:0 16px;color:#516174;display:flex;align-items:center;gap:14px;font-weight:700}.nav-item.active{color:var(--teal);background:linear-gradient(90deg,#e1f6f2,#f3fbf9)}.nav-item em{margin-left:auto;min-width:28px;min-height:24px;border-radius:8px;display:grid;place-items:center;background:#edf2f7;color:#718096;font-style:normal;font-size:13px}.plan-card{margin-top:auto;border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff;box-shadow:var(--shadow)}.progress{margin-top:16px;font-size:13px}.progress>div:last-child{height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-top:8px}.progress>div:last-child span{display:block;height:100%;background:var(--teal);border-radius:99px}.sidebar-footer{display:grid;gap:14px}.sidebar-footer button{border:0;background:transparent;color:#64748b;display:flex;gap:10px;align-items:center}.workspace{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;gap:20px;padding:0 32px;position:sticky;top:0;z-index:8}.searchbox{width:min(520px,45vw);height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 14px;box-shadow:0 6px 18px #2834420f}.searchbox input{flex:1;border:0;outline:0;min-width:0}kbd{background:#f2f5f8;border:1px solid #e1e7ee;border-radius:8px;padding:4px 8px;color:#718096}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.status-pill,.mini-pill{display:inline-flex;align-items:center;gap:8px;background:#eaf8f5;color:#243447;border:1px solid #c7eee6;border-radius:8px;padding:8px 12px;font-weight:700}.status-pill span{width:8px;height:8px;background:var(--teal);border-radius:50%}.mini-pill{padding:5px 8px;font-size:12px;color:var(--teal)}.user-menu{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:#172033;color:#fff;display:grid;place-items:center}.page{padding:28px 36px 96px;max-width:1320px;margin:0 auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title p{font-size:16px;margin-bottom:0}.compact-title{display:block}.breadcrumb{color:#718096;margin-bottom:16px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:22px;box-shadow:0 10px 28px #1f2d3d0f}.row{display:flex;align-items:center}.between{justify-content:space-between}.center{justify-content:center}.end{justify-content:flex-end}.gap{gap:12px}.push-right{margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stats-grid.three{grid-template-columns:repeat(3,1fr)}.stat-card{display:flex;align-items:center;gap:18px;min-height:112px}.stat-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal)}.stat-card.purple .stat-icon{color:var(--purple);background:#f1edff}.stat-card.blue .stat-icon{color:var(--blue);background:#eaf2ff}.stat-card strong{font-size:26px;display:block}.stat-card p,.stat-card small{margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mail-plan{min-height:284px;position:relative;overflow:hidden}.mail-target{max-width:410px;height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 14px}.mail-target a{margin-left:auto}.mail-graphic{position:absolute;right:32px;bottom:80px;width:118px;height:88px;border-radius:8px;display:grid;place-items:center;color:var(--teal);background:linear-gradient(135deg,#e6f8f4,#fff2df)}.panel-footer{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:40px;color:#718096}.panel-link{justify-content:center;width:100%;margin-top:10px}.compact-list{display:grid}.compact-list a,.queue-list>div,.card-preview-row{min-height:58px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:14px;color:#26374a}.compact-list a:last-child,.queue-list>div:last-child,.card-preview-row:last-child{border-bottom:0}.compact-list small,.queue-list small,.card-preview-list small{display:block;max-width:520px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-list span{margin-left:auto;color:#718096;font-size:13px}.queue-list>div>span,.card-preview-row svg:first-child{width:36px;height:36px;border-radius:8px;background:#f5f8fb;color:#64748b;display:grid;place-items:center;padding:9px}.card-preview-row{width:100%;border-top:0;border-left:0;border-right:0;background:transparent;padding:0;text-align:left}.card-preview-row>div{flex:1;min-width:0}.queue-list em{margin-left:auto;font-style:normal;color:var(--teal);font-weight:700}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:42px 8vw;background:radial-gradient(circle at 70% 20%,#e6fbf5 0,transparent 34%),#fbfdfc}.auth-brand{position:absolute;top:42px;left:8vw}.auth-card{align-self:center;margin-top:80px;max-width:520px;border:1px solid var(--line);border-radius:14px;padding:42px;background:#fff;box-shadow:var(--shadow)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{flex:1;border:0;background:transparent;padding:16px;color:#526176;font-weight:700;border-bottom:3px solid transparent}.tabs button.active{color:var(--teal);border-color:var(--teal)}.tabs.compact{margin-bottom:18px;width:240px}label{display:block;font-weight:700;margin:16px 0 10px}.field,.input,textarea,select,.select-like button,.verified-field{min-height:52px;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 14px;display:flex;align-items:center;gap:10px}.inline-select{width:auto;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#34465d;padding:0 34px 0 12px;font-weight:800;display:inline-flex}.field input{flex:1;border:0;outline:0;min-width:0}.field button{border:0;background:transparent;color:#64748b}textarea{min-height:210px;resize:vertical;line-height:1.8;padding:16px}.checkbox{display:flex;align-items:center;gap:8px;font-weight:500}.terms{font-size:13px;color:#718096}.primary,.outline,.danger,.plain,.link-button{border:0;border-radius:8px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.primary{background:linear-gradient(135deg,#009b84,#06a77d);color:#fff;box-shadow:0 10px 18px #009b842e}.outline{background:#fff;color:#34465d;border:1px solid var(--line)}.danger{background:#fff5f5;color:var(--red);border:1px solid #fecaca}.plain,.link-button{background:transparent;color:var(--teal);padding:0;min-height:0}.wide{width:100%}.small{min-height:34px;padding:0 12px;font-size:13px}.icon-button{width:40px;height:40px;border-radius:8px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;color:#34465d}.divider{display:flex;align-items:center;gap:14px;color:#718096;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.google span{color:#4285f4;font-weight:900}.switch-auth{border:0;background:transparent;width:100%;color:var(--teal);font-weight:800;margin-top:20px}.auth-hero{align-self:center;padding-top:40px}.auth-hero h1{font-size:36px}.hero-illustration{min-height:330px;position:relative}.mini-window{position:absolute;top:56px;left:60px;width:430px;height:260px;border:1px solid #dbe7ee;border-radius:18px;background:#ffffffd6;padding:34px;transform:rotate(2deg);box-shadow:var(--shadow)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mini-cards span{height:70px;border-radius:8px;background:#f4f8fb}.mini-mail,.envelope{position:absolute;display:grid;place-items:center;color:var(--teal);background:#dff8f1}.mini-mail{right:70px;bottom:30px;width:80px;height:64px;border-radius:8px}.envelope{right:50px;bottom:20px;width:140px;height:120px;border-radius:18px;box-shadow:var(--shadow)}.feature-list{display:grid;gap:22px;max-width:620px}.feature{display:flex;gap:18px;align-items:flex-start}.feature svg{color:var(--teal);background:#e7f8f4;border-radius:8px;padding:10px;width:46px;height:46px}.upload-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-bottom:22px}.settings-layout{grid-template-columns:minmax(0,1fr) 360px}.settings-layout .settings-form{grid-row:span 2}.dropzone{border:1px dashed #cbd8e3;border-radius:8px;min-height:92px;display:grid;place-items:center;color:#5c6b7c;padding:18px;text-align:center}.dropzone svg{color:var(--teal)}.dropzone input{display:none}.dropzone.dragging,.dropzone.has-file{border-color:var(--teal);background:#f3fbf9}.pdf-extract-note{min-height:116px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:flex-start;gap:14px;padding:18px;background:#fbfdff;color:#34465d}.pdf-extract-note svg{color:var(--teal);flex:0 0 auto}.pdf-extract-note strong{display:block;margin-bottom:6px}.pdf-extract-note span{display:block;color:#718096;line-height:1.6}.validation-list{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.validation-list span{border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:#718096;background:#fff;font-size:13px;font-weight:700}.validation-list span.ok{color:var(--teal);border-color:#b7eadf;background:var(--teal-soft)}.upload-progress{min-height:42px;border:1px solid #b7eadf;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;margin:12px 0;color:var(--teal);background:#f3fbf9;font-weight:800}.estimate-card{display:grid;align-content:start;gap:22px}.metric{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #edf2f7}.metric svg{color:var(--teal)}.metric span{display:block;color:#718096;margin-bottom:4px}.metric strong{font-size:20px}.privacy{color:var(--teal);display:flex;gap:8px;align-items:center}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) 360px;gap:22px}.wide-panel{grid-column:span 1}.success-panel{border-color:#b7eadf;background:linear-gradient(135deg,#f6fffc,#fff)}.success-panel.processing{border-color:#bfdbfe;background:linear-gradient(135deg,#f7fbff,#fff)}.success-panel.failed{border-color:#fecaca;background:linear-gradient(135deg,#fff7f7,#fff)}.result-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.result-head>svg{width:56px;height:56px;border-radius:50%;padding:12px;background:var(--teal);color:#fff}.result-status.processing .result-head>svg{background:var(--blue)}.result-status.failed .result-head>svg{background:var(--red)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metrics-grid .metric{border:1px solid var(--line);border-radius:8px;padding:18px}.timeline{display:grid;gap:22px}.timeline>div{display:flex;gap:14px}.timeline svg{color:var(--teal)}.info-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f7}.info-list dt{color:#718096}.info-list dd{margin:0;font-weight:700}.confirm-title{justify-content:flex-start;gap:18px}.confirm-stats{display:grid;grid-template-columns:250px 250px 1fr;gap:16px;margin-bottom:20px}.source-note{display:flex;align-items:center;gap:14px}.file-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#eaf8f5;color:var(--teal);font-weight:900}.table-actions,.filters{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.algorithm-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.algorithm-card h2{margin:10px 0 8px}.algorithm-card p{margin-bottom:0;max-width:760px}.algorithm-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card-search{min-height:46px;min-width:min(420px,100%);border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 12px}.card-search input{border:0;outline:0;min-width:0;flex:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 12px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:middle}th{color:#718096;font-size:13px;background:#fbfdff}td small{display:block;margin-top:4px}td svg{vertical-align:middle;margin-right:6px}.excerpt{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excerpt.expanded{max-width:420px;white-space:normal;line-height:1.7}.actions{white-space:nowrap}.sticky-bar{position:sticky;bottom:18px;z-index:5;min-height:76px;border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow);border-radius:8px;display:flex;align-items:center;gap:22px;padding:14px 22px}.sticky-bar p{flex:1;margin:0}.sticky-bar span{color:var(--teal)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:18px;overflow:hidden}.segmented button{border:0;background:transparent;min-width:110px;padding:12px 16px;color:#526176;font-weight:700}.segmented button.active{background:var(--teal-soft);color:var(--teal)}.segmented span{margin-left:6px;color:var(--teal)}.select-like{margin:0;min-width:150px}.select-like span{display:block;color:#718096;font-size:12px;margin-bottom:6px}.select-like button{justify-content:space-between}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:transparent;transition:background .2s}.drawer.open{pointer-events:auto;background:#0f172a1f}.drawer-panel{position:absolute;top:0;right:0;width:min(430px,100vw);height:100%;background:#fff;box-shadow:-20px 0 40px #0f172a1f;padding:28px;overflow-y:auto;transform:translate(100%);transition:transform .2s}.drawer.open .drawer-panel{transform:translate(0)}.card-detail h2{margin-top:18px}.edit-card-form{display:grid;gap:12px}.edit-card-form textarea{min-height:112px}.edit-card-form select{min-height:48px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff}.note-content-preview{max-height:70vh;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fbfdff;color:#26374a;line-height:1.8;font-family:inherit}.note-content-preview.compact{max-height:260px;margin-top:12px}.info-block{border-top:1px solid #edf2f7;padding:16px 0}.info-block span{color:#718096;display:block;margin-bottom:8px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tag-row span{background:var(--teal-soft);color:var(--teal);border-radius:8px;padding:6px 10px}.setting-row{min-height:112px;border-bottom:1px solid #edf2f7;display:grid;grid-template-columns:52px 1fr 390px;gap:18px;align-items:center}.setting-row:last-child{border-bottom:0}.setting-icon{width:46px;height:46px;border-radius:50%;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center}.setting-row small{display:block;margin-top:8px}.setting-control{display:flex;gap:10px;align-items:center}.setting-control select,.setting-control input{min-height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.verified-field{justify-content:space-between;color:var(--teal)}.stepper{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper button,.stepper span{width:46px;height:42px;display:grid;place-items:center;border:0;background:#fff}.stepper span{width:70px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.switch input{display:none}.switch span{width:54px;height:30px;border-radius:99px;background:#cbd5e1;display:block;position:relative}.switch span:after{content:"";width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s;box-shadow:0 2px 8px #0000002e}.switch input:checked+span{background:var(--teal)}.switch input:checked+span:after{left:27px}.settings-actions{position:sticky;bottom:18px;display:flex;justify-content:flex-end;align-items:center;gap:14px}.email-mini{border:1px solid var(--line);border-radius:8px;padding:16px;background:#fbfdff;margin:16px 0}.mini-rating{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-rating span{border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center;color:var(--teal);background:#fff}.rating-help{display:grid;grid-template-columns:12px 62px 1fr;align-items:start;gap:10px;padding:10px 0}.rating-help span{width:10px;height:10px;border-radius:50%;background:var(--teal);margin-top:6px}.rating-help.danger span{background:var(--red)}.rating-help.warn span{background:var(--orange)}.rating-help.info span{background:var(--blue)}.rating-help p{margin:0}.delivery-card-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 0 18px}.mini-card{min-width:104px;border:1px solid var(--line);border-radius:8px;padding:12px}.mini-card small{color:var(--purple)}.mini-card strong{display:block;height:42px;overflow:hidden;margin:6px 0}.mini-card span{color:var(--orange);font-size:12px}.email-page{max-width:980px;margin:0 auto;min-height:100vh;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}.email-page header,.email-page footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.email-page footer{border-top:1px solid var(--line);border-bottom:0;justify-content:space-around}.email-hero,.email-intro{display:flex;justify-content:space-between;align-items:center;padding:34px 48px}.email-intro{border:1px solid var(--line);margin:0 48px 22px;border-radius:8px;justify-content:flex-start;gap:24px}.email-intro svg{color:var(--teal);background:#eaf8f5;padding:14px;border-radius:8px}.email-card{display:grid;grid-template-columns:52px 1fr;gap:18px;border:1px solid var(--line);border-radius:8px;padding:24px;margin:16px 48px}.email-card .number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--teal)}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.rating-buttons button{border-radius:8px;min-height:42px;border:1px solid var(--line);font-weight:800;background:#fff}.rating-buttons .danger{color:var(--red)}.rating-buttons .warn{color:var(--orange)}.rating-buttons .info{color:var(--blue)}.rating-buttons .success{color:var(--teal)}.feedback-page{min-height:100vh;display:grid;grid-template-columns:292px 1fr;background:#fbfefd}.feedback-sidebar{border-right:1px solid var(--line);padding:32px}.feedback-page main{display:grid;justify-items:center;align-content:start;padding:70px 24px;text-align:center}.success-icon{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#e4f8f3;color:var(--teal);margin-bottom:18px}.choice-pill{border-radius:99px;background:#e4f8f3;color:var(--teal);border:1px solid #c4eee6;padding:12px 22px;font-size:20px;font-weight:900;margin:16px 0 22px}.feedback-card{width:min(560px,100%);text-align:left;margin-bottom:24px}.status-badge,.difficulty{display:inline-flex;align-items:center;border-radius:8px;padding:5px 9px;font-size:13px;font-weight:800;white-space:nowrap}.status-badge.active,.status-badge.completed,.status-badge.sent{color:var(--teal);background:var(--teal-soft)}.status-badge.processing,.status-badge.pending,.status-badge.pending_confirmation{color:var(--blue);background:#eaf2ff}.status-badge.failed,.status-badge.dismissed{color:var(--red);background:#fff5f5}.status-badge.archived,.status-badge.skipped{color:#64748b;background:#edf2f7}.difficulty.easy{color:var(--teal);background:var(--teal-soft)}.difficulty.medium{color:var(--orange);background:#fff7ed}.difficulty.hard{color:var(--red);background:#fff5f5}.success-text{color:var(--teal)}.error-text{color:var(--red)}.section-loader,.empty-inline,.empty-page,.full-loader{display:grid;place-items:center;gap:12px;color:#718096;min-height:120px}.empty-page{min-height:60vh;text-align:center}.full-loader{min-height:100vh}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none}@media (max-width: 1100px){.sidebar{position:fixed;z-index:30;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-grid}.topbar{padding:0 16px}.searchbox{width:100%}.topbar-actions .status-pill,.user-menu strong{display:none}.page{padding:20px 16px 90px}.stats-grid,.dashboard-grid,.upload-layout,.settings-layout,.detail-grid,.confirm-stats,.auth-page{grid-template-columns:1fr}.setting-row{grid-template-columns:46px 1fr}.setting-control{grid-column:1 / -1}.metrics-grid{grid-template-columns:1fr 1fr}.auth-card{margin-top:90px}.auth-hero{display:none}.sticky-bar{flex-wrap:wrap}.feedback-page{grid-template-columns:1fr}.feedback-sidebar{display:none}.algorithm-card{align-items:flex-start;flex-direction:column}.algorithm-actions{justify-content:flex-start;width:100%}.card-search{width:100%}}.auth-page{min-height:100vh;width:100%;display:grid;grid-template-columns:548px minmax(560px,1fr);column-gap:clamp(64px,7vw,116px);align-items:start;padding:40px clamp(36px,5vw,72px) 52px;background:radial-gradient(circle at 74% 13%,rgba(0,169,143,.11),transparent 30%),linear-gradient(180deg,#fbfdfc,#f3faf8);overflow:hidden;color:#111827}.auth-header{position:fixed;inset:40px clamp(36px,5vw,72px) auto clamp(36px,5vw,72px);z-index:4;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.auth-logo{width:248px;height:auto;display:block}.auth-status{height:38px;min-width:158px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #d9e7e7;border-radius:10px;background:#ffffffb8;color:#1f2937;font-size:15px;font-weight:700;box-shadow:0 8px 22px #0f172a09}.auth-status span{width:8px;height:8px;border-radius:50%;background:#008f7b}.auth-left{width:435px;margin-top:116px;margin-left:clamp(24px,4vw,52px);display:grid;justify-items:center}.auth-card{width:435px;max-width:none;min-height:648px;margin:0;padding:28px 31px 24px;border:1px solid #e5eaf0;border-radius:18px;background:#fffffff2;box-shadow:0 24px 60px #0f172a14}.auth-card-title{margin-bottom:16px}.auth-card-title h1{margin:0 0 6px;color:#111827;font-size:26px;line-height:32px;font-weight:800}.auth-card-title p{margin:0;color:#64748b;font-size:15px;line-height:22px}.auth-tabs{height:44px;margin:0 0 20px;border-bottom:1px solid #e5eaf0}.auth-tabs button{height:44px;padding:0;color:#334155;font-size:16px;font-weight:700;border-bottom-width:3px}.auth-tabs button.active{color:#008f7b;border-color:#008f7b}.auth-card label:not(.checkbox){margin:0 0 8px;color:#111827;font-size:14px;font-weight:700}.auth-field{height:50px;min-height:50px;margin-bottom:16px;padding:0 16px;border-color:#e1e8ef;border-radius:10px;background:#fff;color:#7b8a9b}.auth-field input{height:100%;color:#111827;font-size:15px}.auth-field input::placeholder{color:#9aa7b6}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-top:-1px;margin-bottom:22px}.auth-check{margin:0;color:#475569;font-size:15px;font-weight:500}.auth-check input,.auth-terms input{width:18px;height:18px;accent-color:#008f7b}.auth-options .plain{color:#2584ff;font-size:15px;font-weight:700}.auth-submit{width:100%;height:52px;border-radius:10px;background:linear-gradient(180deg,#00a98f,#008f7b);color:#fff;font-size:18px;font-weight:800;box-shadow:0 14px 28px #008f7b38}.auth-divider{margin:17px 0 15px;color:#64748b}.auth-google{width:100%;height:50px;border-color:#d8e1ea;border-radius:10px;color:#263241;background:#fff;font-size:15px;font-weight:700}.auth-google span{color:#4285f4;font-size:22px;font-weight:900}.auth-terms{margin:16px 0 18px;color:#64748b;font-size:14px;font-weight:500}.auth-terms span{line-height:22px}.auth-terms span:first-letter{color:inherit}.auth-card-line{height:1px;background:#e8eef3;margin-bottom:18px}.switch-auth{height:auto;margin:0;color:#008f7b;font-size:16px}.auth-security{margin-top:41px;display:flex;align-items:center;gap:14px;color:#64748b}.auth-security span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #cfdbe6;border-radius:50%;color:#64748b;background:#fffc}.auth-security strong{display:block;color:#64748b;font-size:15px;margin-bottom:4px}.auth-security small{font-size:13px;color:#94a3b8}.auth-hero{width:min(670px,100%);margin-top:94px;padding-top:0;align-self:start}.auth-hero h1{margin:0 0 16px;text-align:center;color:#111827;font-size:36px;line-height:44px;font-weight:800}.auth-hero>p{margin-bottom:35px;text-align:center;color:#64748b;font-size:16px;line-height:26px}.auth-illustration{display:block;width:min(650px,100%);height:auto;object-fit:contain;margin:0 auto 18px;-webkit-user-select:none;user-select:none;pointer-events:none}.auth-hero .feature-list{width:min(610px,100%);margin:0 auto;display:grid;gap:20px}.auth-hero .feature{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start}.auth-hero .feature svg{width:46px;height:46px;padding:11px;border-radius:12px;background:#e7f7f4;color:#008f7b;box-shadow:0 10px 24px #008f7b14}.auth-hero .feature:nth-child(2) svg{color:#3b82f6;background:#edf4ff}.auth-hero .feature strong{display:block;margin-bottom:7px;color:#111827;font-size:17px;line-height:24px}.auth-hero .feature p{margin:0;color:#64748b;font-size:15px;line-height:24px}.testimonial-card{width:min(620px,100%);min-height:107px;margin:30px auto 0;padding:17px 22px 17px 20px;border:1px solid #e5eaf0;border-radius:12px;background:#ffffffbf;box-shadow:0 12px 34px #0f172a0a}.testimonial-card>p{margin:-20px 0 15px 34px;color:#64748b;font-size:14px;line-height:22px}.quote-mark{color:#b7c4d0;font-size:35px;line-height:1;font-weight:900}.testimonial-bottom{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px}.testimonial-bottom img{width:48px;height:48px;border-radius:50%}.testimonial-bottom strong{color:#111827;font-size:15px}.testimonial-bottom small{color:#64748b;font-size:13px}.testimonial-bottom>small{grid-column:3 / 5;justify-self:end;margin-top:-14px}.stars{color:#fbbf24;font-size:17px;letter-spacing:1px}@media (max-width: 1200px){.auth-page{grid-template-columns:1fr;padding:32px 24px 48px;overflow:auto}.auth-header{position:static;margin-bottom:34px}.auth-left{width:min(435px,100%);margin:0 auto}.auth-card{width:100%;margin:0}.auth-hero{width:min(650px,100%);margin:48px auto 0}.auth-illustration,.auth-hero .feature-list,.testimonial-card{width:100%}}@media (max-width: 720px){.auth-logo{width:230px}.auth-status,.auth-hero,.auth-security{display:none}.auth-card{min-height:auto;padding:30px 22px}.auth-card-title h1{font-size:25px;line-height:32px}}.login-page{--login-brand-500: #0EA985;--login-brand-600: #0B8F75;--login-brand-300: #8DD7C7;--login-brand-100: #DFF7F1;--login-text-primary: #101828;--login-text-secondary: #667085;--login-text-muted: #98A2B3;--login-text-link: #246BFD;--login-border: #E6ECEA;min-height:100vh;overflow:hidden;color:var(--login-text-primary);background:radial-gradient(circle at 0% 45%,#eef7f4 0,transparent 25%),radial-gradient(circle at 100% 32%,#eef7f4 0,transparent 22%),linear-gradient(180deg,#fbfdfd,#f7fbfa);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.login-site-header{margin:0 clamp(32px,3.6vw,55px);padding-top:24px;display:flex;align-items:center;justify-content:space-between}.login-brand{display:inline-flex;align-items:center;gap:14px;color:var(--login-text-primary)}.login-brand img{width:40px;height:40px;display:block}.login-brand span{color:#111827;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:0}.login-nav{display:flex;align-items:center;gap:22px;color:var(--login-text-secondary);font-size:16px;line-height:1}.login-nav a{color:var(--login-text-secondary);font-weight:500}.login-nav a svg{color:#667085}.login-nav-divider{width:1px;height:18px;background:#cfd7df}.login-nav-cta{height:43px;border:1px solid var(--login-brand-300);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffbf;padding:0 22px;color:var(--login-brand-600);font-size:16px;font-weight:700;box-shadow:0 8px 20px #10182808}.login-layout{margin:37px 28px 40px clamp(48px,7.6vw,117px);display:grid;grid-template-columns:480px minmax(0,810px);gap:clamp(48px,6.6vw,101px);align-items:start}.login-card{position:relative;width:480px;height:878px;border:1px solid rgba(230,236,234,.7);border-radius:18px;background:#fff;padding:34px 36px 58px;box-shadow:0 24px 60px #10182814}.login-card-title h1{margin:0;color:var(--login-text-primary);font-size:30px;line-height:1.2;font-weight:800;letter-spacing:0}.login-card-title p{margin:10px 0 20px;color:var(--login-text-secondary);font-size:15px;line-height:1.5}.login-field-label{display:block;margin:0 0 8px;color:var(--login-text-primary);font-size:15px;line-height:1;font-weight:700}.login-input{height:46px;margin-bottom:16px;border:1px solid var(--login-border);border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;color:#667085}.login-input input{min-width:0;height:100%;flex:1;border:0;outline:0;background:transparent;color:var(--login-text-primary);font-size:16px}.login-input input::placeholder{color:var(--login-text-muted)}.login-input button{width:28px;height:28px;border:0;background:transparent;color:#667085;display:inline-grid;place-items:center;padding:0}.login-meta-row{margin:0 0 18px;display:flex;align-items:center;justify-content:space-between;color:var(--login-text-secondary);font-size:15px}.login-remember{margin:0;display:inline-flex;align-items:center;gap:8px;color:#344054;font-weight:500}.login-remember input{width:16px;height:16px;accent-color:var(--login-brand-600)}.login-forget{min-height:auto;border:0;background:transparent;padding:0;color:var(--login-text-link);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer}.login-primary,.login-google{width:100%;height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-primary{border:0;background:linear-gradient(90deg,var(--login-brand-600) 0%,var(--login-brand-500) 100%);color:#fff;font-size:20px;font-weight:800;box-shadow:0 10px 24px #0ea98547}.login-split{position:relative;margin:15px 0;text-align:center;color:var(--login-text-secondary);font-size:15px}.login-split:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--login-border)}.login-split span{position:relative;z-index:1;background:#fff;padding:0 12px}.login-google{border:1px solid var(--login-border);background:#fff;color:var(--login-text-primary);font-size:16px;font-weight:700}.login-google-logo{width:20px;height:20px;flex:0 0 auto}.login-feature-list{display:grid;gap:12px;margin:18px 0 40px}.login-feature{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}.login-feature-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--login-brand-100);color:var(--login-brand-600)}.login-feature-icon svg{width:21px;height:21px}.login-feature h3{margin:0 0 4px;color:var(--login-text-primary);font-size:15px;line-height:1.35;font-weight:800}.login-feature p{margin:0;color:var(--login-text-secondary);font-size:14px;line-height:1.45}.login-testimonial{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:start;border:1px solid var(--login-border);border-radius:12px;background:#fff;padding:14px}.login-testimonial img{width:58px;height:58px;border-radius:50%;object-fit:cover}.login-testimonial p{margin:0 0 8px;color:#344054;font-size:13px;line-height:1.45}.login-testimonial strong{display:block;color:var(--login-text-primary);font-size:15px;line-height:1.2}.login-testimonial small{display:block;margin-top:3px;color:var(--login-text-secondary);font-size:13px}.login-terms{position:absolute;left:36px;right:36px;bottom:23px;margin:0;text-align:center;color:var(--login-text-secondary);font-size:14px;line-height:1.5}.login-terms a{color:var(--login-brand-600);font-weight:700}.login-card .error-text{margin:-4px 0 12px;font-size:14px}.login-hero{padding-top:39px}.login-hero img{width:min(100%,810px);height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 1180px){.login-page{overflow:auto}.login-site-header{margin:0 32px}.login-layout{width:min(100% - 48px,760px);margin:34px auto 56px;grid-template-columns:1fr;gap:28px}.login-card{position:static;width:100%;height:auto}.login-terms{position:static;margin:16px 0 0}.login-hero{padding-top:0}}@media (max-width: 720px){.login-site-header{margin:0 20px;padding-top:22px}.login-brand span{font-size:17px}.login-nav a,.login-nav-divider{display:none}.login-nav-cta{height:38px;padding:0 14px;font-size:14px}.login-layout{width:calc(100% - 32px);margin-top:28px}.login-card{padding:28px 20px;border-radius:16px}.login-card-title h1{font-size:28px}.login-hero{display:none}}.product-page{--product-primary: #0EA985;--product-primary-dark: #0B8F75;--product-primary-light: #DFF7F1;--product-text-primary: #101828;--product-text-secondary: #667085;--product-border: #E6ECEA;--product-page-bg: #F7FBFA;min-height:100vh;color:var(--product-text-primary);background:radial-gradient(circle at 0% 30%,#eef7f4 0,transparent 28%),radial-gradient(circle at 92% 12%,rgba(223,247,241,.65) 0,transparent 22%),linear-gradient(180deg,#fbfdfd 0%,var(--product-page-bg) 100%);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.product-header,.product-section{width:min(1440px,calc(100% - 96px));margin:0 auto}.product-header{padding:24px 0;display:flex;align-items:center;justify-content:space-between}.product-brand{display:inline-flex;align-items:center;gap:14px;color:var(--product-text-primary)}.product-brand img{width:44px;height:44px;display:block}.product-brand span{color:var(--product-text-primary);font-size:24px;line-height:1.2;font-weight:800;letter-spacing:0}.product-nav{display:flex;align-items:center;gap:28px}.product-nav a{display:inline-flex;align-items:center;color:var(--product-text-secondary);font-size:16px;line-height:1;font-weight:800}.product-nav a.active{color:var(--product-primary-dark)}.product-nav-cta{height:48px;border:1px solid #8DD7C7;border-radius:14px;background:#ffffffd1;padding:0 24px;color:var(--product-primary-dark)!important;box-shadow:0 8px 20px #10182808}.product-hero{display:grid;grid-template-columns:minmax(620px,1fr) minmax(620px,760px);gap:44px;align-items:center;padding:68px 0 40px}.product-eyebrow{margin-bottom:22px;display:inline-flex;align-items:center;border-radius:999px;background:var(--product-primary-light);padding:8px 16px;color:var(--product-primary-dark);font-size:15px;line-height:1;font-weight:800}.product-hero h1{max-width:690px;margin:0 0 14px;color:var(--product-text-primary);font-size:60px;line-height:1.12;font-weight:800;letter-spacing:0}.product-title-main,.product-title-accent{display:block}.product-title-main{color:var(--product-text-primary);white-space:nowrap}.product-title-accent{color:var(--product-primary-dark)}.product-hero p{max-width:700px;margin:0 0 32px;color:var(--product-text-secondary);font-size:22px;line-height:1.58}.product-actions{display:flex;align-items:center;gap:16px}.product-primary,.product-secondary{min-width:166px;height:54px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;font-size:18px;line-height:1;font-weight:800}.product-primary{background:linear-gradient(90deg,var(--product-primary-dark),var(--product-primary));color:#fff;box-shadow:0 10px 24px #0ea98547}.product-secondary{border:1px solid var(--product-border);background:#fff;color:var(--product-text-primary)}.product-hero-art img,.product-hero-art svg{width:100%;height:auto;display:block}.product-metrics{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-metrics article,.product-card{border:1px solid var(--product-border);background:#fff;box-shadow:0 12px 32px #1018280f}.product-metrics article{border-radius:22px;padding:26px 24px}.product-metrics strong{display:block;margin-bottom:8px;color:var(--product-text-primary);font-size:28px;line-height:1.1;font-weight:800}.product-metrics span{color:var(--product-text-secondary);font-size:16px;line-height:1.45}.product-section-head{margin:92px 0 34px;text-align:center}.product-section-head span{color:var(--product-primary-dark);font-size:13px;line-height:1;font-weight:900;letter-spacing:.14em}.product-section-head h2{margin:14px 0 10px;color:var(--product-text-primary);font-size:40px;line-height:1.2;font-weight:800;letter-spacing:0}.product-section-head p{margin:0;color:var(--product-text-secondary);font-size:18px;line-height:1.5}.product-card-grid{display:grid;gap:20px}.product-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{min-height:178px;border-radius:24px;padding:28px 26px}.product-card img{width:42px;height:42px;display:block;margin-bottom:18px}.product-card h3{margin:0 0 10px;color:var(--product-text-primary);font-size:22px;line-height:1.25;font-weight:800;letter-spacing:0}.product-card p{margin:0;color:var(--product-text-secondary);font-size:16px;line-height:1.65}.product-card.scenario{min-height:116px}.product-scenarios{padding-bottom:92px}.product-footer{border-top:1px solid var(--product-border);background:#fff;padding:34px 20px;text-align:center;color:var(--product-text-secondary);font-size:15px;line-height:1.5}@media (max-width: 1180px){.product-hero{grid-template-columns:1fr;gap:36px;padding-top:42px}.product-hero-art{max-width:760px}.product-metrics,.product-card-grid.four,.product-card-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.product-header,.product-section{width:calc(100% - 32px)}.product-header{padding:20px 0}.product-brand span{font-size:18px}.product-brand img{width:38px;height:38px}.product-nav{gap:12px}.product-nav a:not(.product-nav-cta){display:none}.product-nav-cta{height:40px;border-radius:10px;padding:0 14px;font-size:14px}.product-hero{padding:34px 0 28px}.product-hero h1{font-size:40px}.product-title-main{white-space:normal}.product-hero p{font-size:18px}.product-actions{align-items:stretch;flex-direction:column}.product-primary,.product-secondary{width:100%}.product-metrics,.product-card-grid.four,.product-card-grid.three{grid-template-columns:1fr}.product-section-head{margin:58px 0 24px}.product-section-head h2{font-size:30px}}.email-example-page{--email-brand-500: #0EA985;--email-brand-600: #0B8F75;--email-brand-100: #DFF7F1;--email-page-bg: #F7FBFA;--email-text-primary: #101828;--email-text-secondary: #667085;--email-text-muted: #98A2B3;--email-border: #E6ECEA;--email-danger: #F04438;--email-warning: #F79009;min-height:100vh;color:var(--email-text-primary);background:radial-gradient(circle at 100% 18%,rgba(223,247,241,.92) 0,transparent 25%),radial-gradient(circle at 0% 82%,rgba(223,247,241,.55) 0,transparent 18%),linear-gradient(180deg,#fbfdfd 0%,var(--email-page-bg) 100%);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}.email-example-topbar{height:92px;padding:0 52px;display:flex;align-items:center;justify-content:space-between}.email-example-brand{display:inline-flex;align-items:center;gap:16px;color:var(--email-text-primary)}.email-example-brand img{width:40px;height:40px}.email-example-brand span{font-size:26px;line-height:1.2;font-weight:800}.email-example-topbar nav{display:flex;align-items:center;gap:30px}.email-example-topbar nav a{color:var(--email-text-secondary);font-size:16px;line-height:1;font-weight:800}.email-example-topbar nav a.active{color:var(--email-brand-600)}.email-example-outline{height:54px;border:1px solid #8DD7C7;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;color:var(--email-brand-600)!important;background:#ffffffb8}.email-example-main{width:min(1320px,calc(100% - 120px));margin:0 auto;padding:50px 0 72px}.email-example-intro,.email-example-layout{display:grid;grid-template-columns:minmax(0,902px) 320px;gap:38px;align-items:start}.email-example-intro{margin-bottom:40px}.email-example-hero{max-width:720px}.email-example-eyebrow{display:inline-flex;align-items:center;min-width:178px;height:40px;border-radius:999px;background:var(--email-brand-100);padding:0 22px;color:var(--email-brand-600);font-size:15px;line-height:1;font-weight:900}.email-example-hero h1{margin:42px 0 8px;color:var(--email-text-primary);font-size:52px;line-height:1.18;font-weight:900;letter-spacing:0}.email-example-hero h1 span{display:block;color:var(--email-brand-600);font-size:60px}.email-example-hero p{max-width:650px;margin:0;color:#5f6e86;font-size:22px;line-height:1.6}.email-example-actions{margin-top:30px;display:flex;align-items:center;gap:16px}.email-example-primary,.email-example-secondary{min-width:150px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;font-size:16px;line-height:1;font-weight:900}.email-example-primary{background:linear-gradient(90deg,var(--email-brand-600),var(--email-brand-500));color:#fff;box-shadow:0 10px 24px #0ea9853d}.email-example-secondary{border:1px solid var(--email-border);background:#fff;color:var(--email-text-primary)}.email-example-shell{border:1px solid var(--email-border);border-radius:28px;background:#fff;padding:24px;box-shadow:0 28px 70px #1018281a}.email-example-meta{border:1px solid var(--email-border);border-radius:16px;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px;background:#f8fbfa;padding:18px 24px}.email-example-meta span,.email-example-stats strong{display:block;margin-bottom:6px;color:var(--email-text-muted);font-size:12px;line-height:1;font-weight:700}.email-example-meta strong,.email-example-stats span{color:var(--email-text-primary);font-size:14px;line-height:1.35;font-weight:900}.email-example-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.email-example-stats span{border:1px solid var(--email-border);border-radius:14px;background:#fbfdfd;padding:14px 18px}.email-example-card{margin-top:20px;border:1px solid var(--email-border);border-radius:22px;overflow:hidden;background:#fff}.email-example-card>header{border-bottom:1px solid var(--email-border);display:flex;align-items:center;justify-content:space-between;padding:22px 30px}.email-example-mail-brand{display:inline-flex;align-items:center;gap:14px}.email-example-mail-brand img{width:34px;height:34px}.email-example-mail-brand strong{font-size:17px;line-height:1.2}.email-example-card>header>span,.email-example-tag{border-radius:999px;background:#dff7f1;color:var(--email-brand-600);font-weight:900}.email-example-card>header>span{padding:9px 18px;font-size:14px}.email-example-summary{padding:30px 30px 18px}.email-example-summary h2{margin:0 0 10px;color:var(--email-text-primary);font-size:28px;line-height:1.2;font-weight:900}.email-example-summary p{margin:0;color:var(--email-text-secondary);font-size:17px;line-height:1.55}.email-example-cards{display:grid;gap:16px;padding:0 30px 30px}.email-example-review-card{position:relative;border:1px solid var(--email-border);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdfd);padding:20px 22px}.email-example-tag{position:absolute;right:18px;top:16px;padding:7px 14px;font-size:12px}.email-example-review-card h3{margin:0 140px 12px 0;color:var(--email-text-primary);font-size:20px;line-height:1.35;font-weight:900}.email-example-review-card p{margin:8px 0;color:var(--email-text-secondary);font-size:15px;line-height:1.6}.email-example-source{font-size:14px!important}.email-example-feedback{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.email-example-feedback button{height:34px;border-radius:10px;border:1px solid var(--email-border);background:#fff;padding:0 12px;font-size:13px;font-weight:900}.email-example-feedback .forgot{border-color:#fecdca;background:#fff5f5;color:var(--email-danger)}.email-example-feedback .blurred{border-color:#fedf89;background:#fffbeb;color:var(--email-warning)}.email-example-feedback .remembered{border-color:#b2ddff;background:#eff8ff;color:#1570ef}.email-example-feedback .familiar{border-color:#a7f3d0;background:#ecfdf7;color:var(--email-brand-600)}.email-example-card>footer{border-top:1px solid var(--email-border);background:#f8fbfa;padding:18px 30px;color:var(--email-text-secondary);font-size:14px;line-height:1.5}.email-example-side{display:grid;gap:40px}.email-example-panel{border:1px solid var(--email-border);border-radius:22px;background:#fff;padding:30px;box-shadow:0 12px 30px #1018280f}.email-example-panel h2{margin:0 0 16px;color:var(--email-text-primary);font-size:24px;line-height:1.25;font-weight:900}.email-example-panel ul{margin:0;padding:0 0 0 2px;list-style:none}.email-example-panel li{position:relative;padding-left:28px;color:var(--email-text-secondary);font-size:16px;line-height:2.05}.email-example-panel li:before{content:"";position:absolute;left:4px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--email-brand-600)}.email-example-panel-note{margin-top:14px;border-top:1px solid var(--email-border);padding-top:20px}.email-example-panel-note strong{display:block;margin-bottom:8px;color:var(--email-brand-600);font-size:16px}.email-example-panel-note span,.email-example-data-list span{color:var(--email-text-secondary);font-size:14px;line-height:1.5}.email-example-data-list{display:grid;gap:14px}.email-example-data-list span{border:1px solid var(--email-border);border-radius:12px;display:block;background:#f8fbfa;padding:12px 16px}.email-example-data-list strong{display:block;margin-bottom:4px;color:var(--email-text-primary);font-size:16px;line-height:1.25}@media (max-width: 1120px){.email-example-intro,.email-example-layout{grid-template-columns:1fr}.email-example-intro{margin-bottom:28px}.email-example-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width: 760px){.email-example-topbar{height:auto;padding:20px}.email-example-brand span{font-size:18px}.email-example-brand img{width:38px;height:38px}.email-example-topbar nav{gap:12px}.email-example-topbar nav a:not(.email-example-outline){display:none}.email-example-outline{height:40px;border-radius:10px;padding:0 14px;font-size:14px}.email-example-main{width:calc(100% - 32px);padding:28px 0 44px}.email-example-hero{margin-bottom:4px}.email-example-hero h1{margin-top:28px;font-size:38px}.email-example-hero h1 span{font-size:42px}.email-example-hero p{font-size:17px}.email-example-actions,.email-example-stats,.email-example-feedback,.email-example-side{grid-template-columns:1fr}.email-example-actions{align-items:stretch;flex-direction:column}.email-example-primary,.email-example-secondary{width:100%}.email-example-shell{border-radius:20px;padding:14px}.email-example-meta{grid-template-columns:1fr;padding:16px}.email-example-card>header,.email-example-summary,.email-example-card>footer{padding-left:18px;padding-right:18px}.email-example-card>header{align-items:flex-start;flex-direction:column;gap:14px}.email-example-cards{padding:0 18px 18px}.email-example-review-card h3{margin-right:0;padding-top:36px}}