:root{--page:#f6f9fc;--page-accent:#edf4fb;--brand:#1463ff;--brand-success:#18b892;--brand-deep:#0f2f57;--surface:#fff;--border:#dce7f1;--muted:#607086;--text:#102033;--warning:#f4a62a;--shadow:0 24px 70px #0f2f571a}*{box-sizing:border-box}html{background:var(--page);color:var(--text)}body{background:radial-gradient(circle at 90% 0%, #1463ff17, transparent 34rem), linear-gradient(180deg, var(--page-accent), var(--page) 28rem);min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--warning);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--surface);border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-shell{grid-template-rows:auto 1fr auto;width:min(70rem,100% - 2rem);min-height:100vh;margin:0 auto;display:grid}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-lockup strong{color:var(--brand-deep);font-size:1.25rem;display:block}.brand-lockup small{color:var(--muted);display:block}.brand-mark{background:var(--brand);width:2.75rem;height:2.75rem;color:var(--surface);border-radius:.9rem;place-items:center;font-size:1.5rem;font-weight:800;display:grid}.language-switcher{color:var(--muted);align-items:center;gap:.5rem;display:flex}.language-switcher a{padding:.3rem;text-decoration:none}.language-switcher a[aria-current=page]{color:var(--brand);font-weight:800}#main-content{align-self:center;padding:3rem 0 5rem}.page-stack{gap:2rem;display:grid}.hero-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffeb;border-radius:2rem;padding:clamp(2rem,7vw,5rem);position:relative;overflow:hidden}.hero-card:after{content:"";background:#18b8921f;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-7rem;right:-5rem}.eyebrow{color:var(--brand);letter-spacing:.04em;margin:0 0 .75rem;font-weight:800}h1{max-width:16ch;color:var(--brand-deep);margin:0;font-size:clamp(2.2rem,7vw,4.4rem);line-height:1.04}.hero-description{max-width:40rem;color:var(--muted);margin:1.5rem 0 2rem;font-size:1.15rem}.primary-action{z-index:1;background:var(--brand);min-height:3rem;color:var(--surface);border-radius:.8rem;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.primary-action:hover{background:var(--brand-deep)}.success{color:var(--brand-success)}.site-footer{color:var(--muted);padding:1.5rem 0 2rem;font-size:.9rem}.registration-card,.verified-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:1.5rem;padding:clamp(1.5rem,5vw,3rem)}.registration-form{gap:.75rem;max-width:42rem;display:grid}.registration-form label{color:var(--brand-deep);font-weight:800}.registration-form input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:3.25rem;color:var(--text);font:inherit;border-radius:.75rem;padding:.75rem .9rem;font-size:1.05rem}.registration-form input[aria-invalid=true]{border-color:#b42318}.step-heading{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}.step-heading span{background:var(--brand);width:2rem;height:2rem;color:var(--surface);border-radius:50%;place-items:center;font-weight:800;display:grid}.step-heading h2,.verified-panel h2{color:var(--brand-deep);margin:0;font-size:clamp(1.5rem,4vw,2rem)}.field-hint,.field-error{min-height:1.5em;margin:0}.field-hint{color:var(--muted)}.field-error{color:#b42318;font-weight:700}.form-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.primary-button,.text-button{min-height:3rem;font:inherit;cursor:pointer;border-radius:.8rem;font-weight:800}.primary-button{background:var(--brand);color:var(--surface);border:0;justify-self:start;padding:.75rem 1.25rem}.text-button{border:1px solid var(--border);background:var(--surface);color:var(--brand-deep);padding:.7rem 1rem}.primary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.55}.status-icon{border:2px solid;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:800;display:grid}.connection-list{gap:1rem;margin:1.5rem 0;display:grid}.connection-row{border:1px solid var(--border);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.connection-row p{color:var(--muted);margin:.3rem 0 0}.pending-row{border-left:.35rem solid var(--warning)}.row-actions,.connections-footer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.danger-button{background:var(--surface);color:#b42318;min-height:3rem;font:inherit;cursor:pointer;border:1px solid #b42318;border-radius:.8rem;padding:.7rem 1rem;font-weight:800}.install-panel pre{background:var(--brand-deep);color:var(--surface);border-radius:.8rem;padding:1rem;overflow-x:auto}.warning-note{border-left:.3rem solid var(--warning);background:#fff8e8;padding:.8rem 1rem}.live-status-panel{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.live-status-list{gap:1rem;margin:1rem 0;display:grid}.live-status-row{border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1rem;display:flex}.live-status-row h3,.live-status-row p{margin:0}.live-status-row small{color:var(--muted)}.live-status-row.status-healthy{border-color:var(--brand-success)}.live-status-row.status-healthy .status-icon{color:var(--brand-success)}.live-status-row.status-unhealthy{border-color:#b42318}.live-status-row.status-unhealthy .status-icon{color:#b42318}.live-status-row.status-service_error{border-color:var(--warning)}.live-status-row.status-service_error .status-icon{color:#8a5700}.connection-details{grid-template-columns:max-content 1fr;gap:.35rem 1rem;display:grid}.connection-details dt{color:var(--muted)}.connection-details dd{margin:0;font-weight:700}@media (max-width:36rem){.site-shell{width:min(100% - 1.25rem,70rem)}.site-header{align-items:flex-start}.brand-lockup small{display:none}#main-content{padding-top:1.5rem}.hero-card{border-radius:1.25rem}.connection-row{display:grid}}@media (prefers-reduced-motion:no-preference){.primary-action{transition:background-color .16s,transform .16s}.primary-action:hover{transform:translateY(-1px)}}