:root{--service-accent:#d56b2f;--service-ink:#152238;--service-paper:#fffaf4}
.service-flow{min-height:100vh;padding:1rem 1rem 8rem;background:radial-gradient(circle at 10% 15%,#f6d7c2 0,transparent 32%),radial-gradient(circle at 90% 10%,#dce9df 0,transparent 30%),#f7f2e9;color:var(--service-ink);font-family:Inter,system-ui,sans-serif}
.service-flow--linkhub{--service-accent:#cf4f8c}.service-flow--calendar{--service-accent:#286b7d}
.service-topbar{position:sticky;top:.75rem;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;max-width:850px;margin:auto;padding:1rem 1.2rem;border:1px solid #ffffffaa;border-radius:24px;background:#fffdf9e8;box-shadow:0 18px 55px #58351b1c;backdrop-filter:blur(18px)}
.service-topbar a{color:var(--service-ink);font-weight:800;text-decoration:none}.service-topbar div{display:flex;justify-content:space-between;gap:1rem}.service-progress{grid-column:1/-1;height:5px;background:#16243a12;border-radius:9px;overflow:hidden}.service-progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,var(--service-accent),#efad6d);transition:.3s}
.service-stack{position:relative;max-width:780px;margin:2rem auto}.service-question{display:none;padding:clamp(1.4rem,5vw,3.5rem);border:1px solid #fff;border-radius:34px;background:#fffaf5f2;box-shadow:0 35px 90px #50311921}.service-question.is-active{display:grid;gap:1.25rem;animation:serviceIn .28s ease}
.service-question h1,.service-question h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,6vw,4.2rem);line-height:.98}.service-question p{margin:0;line-height:1.55}.eyebrow{color:var(--service-accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}
.service-question label{display:grid;gap:.55rem;font-weight:800}.service-question input,.service-question textarea,.service-question select{box-sizing:border-box;width:100%;padding:1rem 1.05rem;border:1px solid #17243a25;border-radius:18px;background:#fff;color:var(--service-ink);font:inherit}
.service-choices,.service-checks{display:grid;gap:.8rem}.service-choices label,.service-checks label{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #17243a20;border-radius:20px;background:#fff;cursor:pointer}.service-choices input,.service-checks input{width:1.2rem}.service-choices small{display:block;margin-top:.25rem;color:#667085;font-weight:500}.service-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.service-google{display:flex;justify-content:center;align-items:center;gap:.7rem;padding:1rem;border:1px solid #17243a25;border-radius:18px;background:#fff;color:var(--service-ink);font-weight:900;text-decoration:none}.service-google img{width:20px}.service-divider{text-align:center;color:#667085}
.service-email-code{display:grid;gap:.8rem;padding:1rem;border:1px solid #23715f55;border-radius:20px;background:#edf8f3}.service-email-code[hidden]{display:none}.service-email-code strong,.service-email-code small{display:block}.service-email-code small{margin-top:.25rem;color:#667085}.service-email-code__controls{display:grid;grid-template-columns:minmax(0,170px) 1fr;gap:.7rem}.service-email-code__controls input{text-align:center;font-size:1.25rem;font-weight:900;letter-spacing:.3em}.service-email-code__controls button{border:0;border-radius:16px;background:#23715f;color:#fff;font-weight:900}.service-email-code p{color:#a43b2e}
@media(max-width:620px){.service-email-code__controls{grid-template-columns:1fr}.service-email-code__controls button{min-height:52px}}

.service-password-rules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem .8rem;
  margin: .2rem 0 0;
  padding: 1rem;
  border: 1px solid rgba(180, 35, 24, .18);
  border-radius: 18px;
  background: rgba(255, 248, 247, .9);
  list-style: none;
}
.service-password-rules li {
  display: flex;
  gap: .55rem;
  align-items: center;
  color: #b42318;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.35;
}
.service-password-rules li::before {
  content: "×";
  display: grid;
  flex: 0 0 1.35rem;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #d92d20;
  font-weight: 900;
}
.service-password-rules li.is-valid { color: #18794e; }
.service-password-rules li.is-valid::before { content: "✓"; background: #21866a; }
@media(max-width:620px){.service-password-rules{grid-template-columns:1fr}}
.service-controls{position:fixed;z-index:30;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:.8rem;width:min(720px,calc(100% - 2rem));box-sizing:border-box;padding:.8rem;border:1px solid #fff;border-radius:24px;background:#fffaf5eb;box-shadow:0 20px 60px #35211329;backdrop-filter:blur(18px)}.service-controls button{padding:.9rem 1.2rem;border:0;border-radius:16px;background:var(--service-accent);color:#fff;font-weight:900}.service-controls p{flex:1;margin:0;color:#a43b2e}
.service-import-card{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:end;padding:1rem;border:1px solid #17243a18;border-radius:22px;background:#fff}.service-import-card label{min-width:0}.service-import-card button{height:52px;padding:0 1.15rem;border:0;border-radius:16px;background:var(--service-accent);color:#fff;font-weight:900;cursor:pointer}.service-import-card p{grid-column:1/-1;color:#667085;font-size:.88rem}.service-import-card p.is-success{color:#23715f}.service-import-card p.is-error{color:#a43b2e}
.service-links-editor{display:grid;gap:1rem}.service-links-list{display:grid;gap:.9rem}.service-link-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1rem;border:1px solid #17243a1c;border-radius:22px;background:#fff}.service-link-logo{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid #17243a18;border-radius:16px;background:#f7f2e9;color:#667085;font-weight:900}.service-link-logo img{width:100%;height:100%;object-fit:contain}.service-link-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.8rem}.service-link-fields label:last-child{grid-column:1/-1}.service-link-logo-field{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.service-link-logo-field button,.service-link-remove,.service-add-link{border:1px solid #17243a20;border-radius:14px;background:#fff;color:var(--service-ink);font:inherit;font-weight:900;cursor:pointer}.service-link-logo-field button{padding:.7rem .9rem}.service-link-logo-field small{color:#667085;font-weight:600}.service-link-remove{padding:.65rem .8rem;color:#a43b2e}.service-add-link{justify-self:start;padding:.85rem 1rem;border-color:color-mix(in srgb,var(--service-accent) 45%,transparent);color:var(--service-accent)}.service-links-help{color:#667085;font-size:.88rem}.service-link-item.is-uploading{opacity:.7;pointer-events:none}
.service-theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.service-theme-choices .service-theme-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:1rem;min-height:112px;padding:.8rem;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.service-theme-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #15223814}.service-theme-card:has(input:checked){border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 16px 36px #1522381a}.service-theme-card>input{position:absolute;top:.75rem;right:.75rem;width:1.15rem;height:1.15rem;accent-color:var(--theme-accent)}.service-theme-preview{display:grid;align-content:center;gap:.45rem;min-height:88px;padding:.7rem;border-radius:16px;background:var(--theme-bg);box-shadow:inset 0 0 0 1px #ffffff45}.service-theme-preview i{display:block;height:9px;border-radius:999px;background:var(--theme-line)}.service-theme-preview i:first-child{width:54%;height:14px}.service-theme-preview i:nth-child(2){width:82%}.service-theme-preview i:last-child{width:68%;background:var(--theme-accent)}.service-theme-card--bold{--theme-accent:#ff5a36;--theme-bg:linear-gradient(145deg,#19121f,#51203e);--theme-line:#fff}.service-theme-card--warm{--theme-accent:#c46339;--theme-bg:linear-gradient(145deg,#fff1df,#efc0a2);--theme-line:#733b29}.service-theme-card--minimal{--theme-accent:#263238;--theme-bg:#f8fafc;--theme-line:#263238}.service-theme-card--premium{--theme-accent:#c9a45c;--theme-bg:linear-gradient(145deg,#17130f,#46351f);--theme-line:#f8e7ba}.service-theme-card--natural{--theme-accent:#3f7a5a;--theme-bg:linear-gradient(145deg,#eef3e6,#b9c9a7);--theme-line:#315541}.service-theme-card--playful{--theme-accent:#7c3aed;--theme-bg:linear-gradient(145deg,#ffd65c,#ff8db7 48%,#8e7dff);--theme-line:#4b176f}.service-theme-card--editorial{--theme-accent:#a12c2f;--theme-bg:linear-gradient(145deg,#fffdf5,#eadfcb);--theme-line:#241d18}.service-theme-card--tech{--theme-accent:#2563eb;--theme-bg:linear-gradient(145deg,#091938,#0d4f7a);--theme-line:#8ee7ff}
@keyframes serviceIn{from{opacity:0;transform:translateY(15px)}}
@media(max-width:620px){.service-flow{padding:.5rem .5rem 7.2rem}.service-topbar{top:.35rem;border-radius:20px}.service-topbar>div{grid-column:2/-1}.service-topbar>a:last-child{grid-column:1/-1;text-align:center}.service-question{padding:1.4rem;border-radius:28px}.service-pair,.service-import-card,.service-theme-choices{grid-template-columns:1fr}.service-import-card button{width:100%}.service-link-item{grid-template-columns:48px minmax(0,1fr);padding:.85rem}.service-link-logo{width:48px;height:48px}.service-link-fields{grid-template-columns:1fr}.service-link-fields label:last-child{grid-column:auto}.service-link-remove{grid-column:1/-1;justify-self:end}.service-controls{bottom:max(.45rem,env(safe-area-inset-bottom));flex-wrap:wrap}.service-controls p{order:-1;flex-basis:100%;font-size:.85rem}}