/* Header and footer use the unmodified EXAMPLE rules in base.css. */
[hidden]{display:none!important}#main-content{font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:var(--text-main)}a:hover{color:var(--accent)}#main-content :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--brand);outline-offset:4px}.site-main{padding:130px 0 0;min-height:calc(100vh - 140px)}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);background:var(--dropdown-bg);padding:12px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;min-height:350px;margin-bottom:72px}.eyebrow,.section-kicker{font-size:10px;font-weight:600;letter-spacing:2.4px;color:var(--text-muted);display:block}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}.eyebrow-line{display:inline-block;width:28px;height:2px;background:var(--brand-gradient)}h1{font-size:clamp(36px,4.5vw,58px);font-weight:600;letter-spacing:-2.7px;line-height:1.18}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:580px;color:var(--text-muted);font-size:14px;line-height:1.95;margin-top:24px}.trust-line{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:25px;font-size:10px;color:var(--text-muted)}.trust-line>span{display:inline-flex;align-items:center;gap:7px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success-color);box-shadow:0 0 10px var(--success-bg)}.mail-visual{height:300px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid var(--control-border);border-radius:50%;width:280px;height:280px;transform:rotate(-25deg)}.orbit-two{width:360px;height:180px;transform:rotate(-30deg);opacity:.55}.mail-visual:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(204,51,204,.13),transparent 65%);filter:blur(15px)}.envelope{position:relative;width:176px;height:132px;transform:rotate(-9deg);filter:drop-shadow(0 18px 25px rgba(141,40,150,.19))}.envelope-back{position:absolute;inset:0;border-radius:15px;background:linear-gradient(135deg,#a755ba,#6d528d);border:1px solid #ba83cd}.envelope-letter{position:absolute;left:20px;right:20px;top:-25px;height:107px;border-radius:9px;background:linear-gradient(140deg,#faf2fb,#d5c5e7);transform:rotate(7deg);padding:22px 18px}.envelope-letter div{background:#b694c4;height:5px;border-radius:5px;margin:9px 0}.envelope-letter div:last-child{width:60%}.envelope-front{position:absolute;inset:0;background:linear-gradient(140deg,#dc72cf,#ab54a7 80%);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:15px}.envelope-front:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#cb68c9,#854fa0);clip-path:polygon(0 100%,50% 43%,100% 100%)}.verified-seal{position:absolute;right:-18px;bottom:-10px;background:var(--brand-gradient);color:white;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:23px;border:5px solid var(--bg);transform:rotate(9deg);z-index:1}.floating-label{position:absolute;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);padding:11px 16px;border-radius:12px;font-size:10px;display:flex;align-items:center;gap:9px;z-index:2}.floating-label svg{width:17px;height:17px;fill:none;stroke:var(--brand);stroke-width:1.5}.visual-source{top:40px;left:40px;transform:rotate(-6deg)}.visual-target{bottom:36px;right:0;transform:rotate(4deg)}.visual-particle{position:absolute;width:6px;height:6px;border-radius:2px;background:var(--brand);opacity:.6;transform:rotate(35deg)}.p1{right:48px;top:53px}.p2{left:70px;bottom:55px;width:4px;height:4px}.p3{right:50px;bottom:105px;background:var(--brand2);width:4px;height:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 25px}.section-kicker{margin-bottom:11px;font-size:9px;letter-spacing:2px}h2{font-size:25px;font-weight:500;letter-spacing:-.8px}h3{font-size:16px;font-weight:500}.section-heading p,.auth-card p,.faq>div>p{font-size:12px;line-height:1.9;color:var(--text-muted);margin-top:9px}.account{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;max-width:40%;overflow-wrap:anywhere}.text-button{border:0;background:none;color:var(--text-muted);font-size:11px;padding:7px 0}.text-button:hover{color:var(--brand)}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.mode-card{position:relative;display:flex;align-items:center;gap:14px;padding:22px 20px;background:var(--card-bg);border:1px solid var(--control-border);border-radius:15px;color:var(--text-main);text-align:left;transition:var(--theme-transition),transform .2s}.mode-card:hover{transform:translateY(-2px);border-color:var(--brand)}.mode-card.active{border-color:var(--brand);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 10%,transparent)}.mode-card strong{display:block;font-size:12px;font-weight:500}.mode-card small{display:block;font-size:9px;line-height:1.6;margin-top:5px;color:var(--text-muted)}.mode-icon{font-size:24px;font-weight:300;color:var(--brand);background:var(--accent-soft);width:39px;height:39px;border-radius:11px;flex-shrink:0;display:grid;place-items:center}.selection-dot{margin-left:auto;width:12px;height:12px;border-radius:50%;border:1px solid var(--control-border);flex-shrink:0}.active .selection-dot{border:4px solid var(--brand);background:var(--bg)}.transfer-card{border-radius:20px;overflow:hidden}.card-topline{padding:22px 30px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between}.step{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:var(--text-muted)}.step b{font-size:10px;font-weight:500;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:6px}.secure-pill{font-size:9px;letter-spacing:.7px;display:flex;align-items:center;gap:8px;color:var(--success-color)}.connection-grid{display:grid;grid-template-columns:1fr 1fr}.connection-grid>fieldset{min-width:0;border:0;padding:31px 32px 20px}.connection-grid>fieldset:nth-child(2){border-left:1px solid var(--card-border);order:1}.connection-grid legend{float:left;width:100%;font-size:16px;font-weight:500;display:flex;gap:10px;align-items:center;letter-spacing:-.4px;margin-bottom:6px}.field-number{display:grid;place-items:center;background:var(--accent-soft);color:var(--brand);width:25px;height:25px;font-size:11px;border-radius:7px}.fieldset-desc{clear:both;font-size:10px;color:var(--text-muted);margin-bottom:25px;line-height:1.7}.field{display:block;margin:0 0 18px;min-width:0}.field>span:first-child{display:block;color:var(--text-muted);font-size:10px;margin-bottom:8px}.field input,.field select{width:100%;border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-main);border-radius:9px;padding:13px 14px;height:45px;font-size:12px;transition:var(--theme-transition)}.field input::placeholder{color:var(--text-muted);opacity:.6}.field input:focus,.field select:focus{border-color:var(--brand)}.field small{font-size:10px;color:var(--text-muted);display:block;margin-top:7px}.server-row{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.password-wrap{display:flex!important;position:relative}.password-wrap input{padding-right:46px}.reveal{position:absolute;right:1px;top:1px;width:43px;height:43px;border:0;background:transparent;color:var(--text-muted);display:grid;place-items:center;border-radius:8px}.test-button{display:flex;gap:7px;border:0;background:var(--accent-soft);color:var(--brand);font-size:10px;border-radius:8px;padding:10px 14px}.test-button:hover{filter:brightness(1.1)}.connection-result{font-size:10px;color:var(--success-color);margin-top:10px;line-height:1.8;min-height:15px}.connection-result.error{color:var(--error-color)}.connection-note{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.9;color:var(--text-muted);background:var(--control-bg);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);padding:16px 32px}.connection-note>span{font-size:15px}.review{padding:25px 32px 28px}.review h3{margin:19px 0 10px}.review>p{font-size:11px;color:var(--text-muted);line-height:1.9;max-width:870px}.field-note{font-size:10px!important;color:var(--text-muted);line-height:1.85;margin-top:14px}.retention-note{display:flex;gap:10px;margin-top:19px;font-size:10px;color:var(--text-muted);line-height:1.9}.retention-note strong{font-weight:500}.consent{display:flex;align-items:flex-start;gap:11px;margin-top:25px;color:var(--text-muted);font-size:10px;line-height:1.9}.consent input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--brand)}.consent a{color:var(--brand);white-space:normal}.start-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;margin-top:22px;border-top:1px solid var(--card-border)}.muted{color:var(--text-muted);font-size:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:35px;padding:13px 22px;border-radius:9px;border:1px solid var(--control-border);color:var(--text-main);font-weight:500;font-size:11px;background:var(--control-bg);text-decoration:none;min-height:44px}.primary{background:var(--brand-gradient);border-color:transparent;color:white;box-shadow:0 5px 18px rgba(204,51,204,.12)}.button:hover{filter:brightness(1.08);color:var(--text-main)}.primary:hover{color:white}.auth-card{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;border-radius:20px;padding:38px 40px}.auth-card h2{margin-bottom:14px}.auth-card p{max-width:420px}.security-list{list-style:none;margin-top:24px;display:grid;gap:12px;font-size:11px;color:var(--text-muted)}.security-list li::first-letter{color:var(--brand)}.auth-tabs{display:flex;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--control-border)}.auth-tab{border:0;background:none;color:var(--text-muted);padding:0 0 12px;font-size:12px;border-bottom:2px solid transparent}.auth-tab.active{color:var(--brand);border-color:var(--brand)}#auth-submit{width:100%;margin-top:6px}.notice{padding:16px 20px;border:1px solid var(--control-border);border-radius:12px;margin-bottom:20px;background:var(--success-bg);color:var(--success-color);font-size:12px;line-height:1.8}.notice.error{background:var(--error-bg);color:var(--error-color)}.jobs-section{margin-top:57px}.worker-status{display:flex;gap:6px;align-items:center;font-size:9px;color:var(--text-muted)}.worker-status::before{content:"";width:5px;height:5px;background:var(--text-muted);border-radius:50%}.worker-status.online::before{background:var(--success-color)}.worker-help{max-width:260px;font-size:9px!important}.empty-state{text-align:center;padding:38px 20px;border-radius:16px;border-style:dashed}.empty-state>span{font-size:28px;color:var(--text-muted);opacity:.7}.empty-state h3{font-size:12px;margin:5px 0 7px}.empty-state p{font-size:10px;color:var(--text-muted)}.job-card{padding:25px 28px;border-radius:16px;margin-bottom:14px}.job-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.job-heading h3{font-size:12px;margin-bottom:6px;overflow-wrap:anywhere}.job-heading small{font-size:9px;color:var(--text-muted)}.status-badge{font-size:9px;background:var(--accent-soft);color:var(--brand);padding:5px 9px;border-radius:20px;white-space:nowrap}.status-badge.completed{color:var(--success-color);background:var(--success-bg)}.status-badge.failed,.status-badge.partial{color:var(--error-color);background:var(--error-bg)}progress{width:100%;height:6px;appearance:none;border:0;background:var(--progress-track);border-radius:10px;margin:20px 0 12px;overflow:hidden}progress::-webkit-progress-bar{background:var(--progress-track)}progress::-webkit-progress-value{background:var(--brand-gradient);border-radius:10px}progress::-moz-progress-bar{background:var(--brand-gradient)}.job-stats{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:var(--text-muted)}.job-stats strong{color:var(--text-main);font-weight:500;margin-right:4px}.job-folder{font-size:10px;color:var(--text-muted);margin-top:12px;overflow-wrap:anywhere}.job-error{color:var(--error-color);font-size:11px;line-height:1.85;background:var(--error-bg);padding:12px;border-radius:8px;margin-top:15px}.job-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}.job-actions .button{font-size:9px;padding:9px 13px;gap:10px;min-height:36px}.job-actions .text-button{font-size:9px;margin-left:auto}.job-events{margin-top:15px;font-size:10px;color:var(--text-muted)}.job-events summary{cursor:pointer}.job-events p{padding:6px 0;border-bottom:1px solid var(--card-border);line-height:1.9;overflow-wrap:anywhere}.drop-zone{border:1px dashed var(--control-border);border-radius:12px;padding:22px 12px;text-align:center;background:var(--control-bg);display:flex;flex-direction:column;gap:7px;align-items:center;position:relative}.drop-zone.dragging{border-color:var(--brand);background:var(--accent-soft)}.upload-icon{font-size:24px;color:var(--brand);background:var(--accent-soft);border-radius:11px;width:42px;height:42px;display:grid;place-items:center;margin-bottom:5px}.drop-zone strong{font-size:12px;font-weight:500}.drop-zone small{font-size:9px;color:var(--text-muted)}.file-choose{font-size:11px;color:var(--brand);cursor:pointer;padding:4px}.drop-zone input{font-size:10px;max-width:100%;padding:6px;color:var(--text-muted)}.upload-status{font-size:10px;color:var(--text-muted);overflow-wrap:anywhere;margin-top:12px}.backup-mode .connection-grid{grid-template-columns:1fr}.backup-mode .connection-grid>fieldset{max-width:700px;width:100%}.faq{display:grid;grid-template-columns:1fr 2fr;gap:65px;margin:80px 0}.faq h2{margin-top:6px}.faq details{border-bottom:1px solid var(--control-border)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;font-size:12px;padding:19px 0;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:21px;font-weight:300;color:var(--text-muted)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:1.95;color:var(--text-muted);padding:0 25px 20px 0}.noscript-notice{position:fixed;bottom:0;padding:15px;background:var(--dropdown-bg);width:100%;z-index:1000;text-align:center}#job-form[aria-busy=true] .connection-grid{opacity:.65;pointer-events:none}
@media(min-width:1400px){.hero{margin-top:20px;margin-bottom:85px}}
@media(max-width:900px){.mode-card{padding:17px 14px;gap:9px}.mode-card small{font-size:8px}.mode-card strong{font-size:10px}.mode-icon{width:30px;height:34px;font-size:21px}.selection-dot{display:none}.auth-card{gap:35px}.hero{gap:20px}.mail-visual{transform:scale(.85)}.visual-source{left:0}.connection-grid>fieldset{padding:25px 22px}.server-row{grid-template-columns:1fr}.review{padding:24px}.card-topline{padding:20px 24px}.faq{gap:30px}}
@media(max-width:640px){#main-content .container{padding:0 20px}.site-main{padding-top:113px}.hero{grid-template-columns:1fr;min-height:0;margin-bottom:40px}.hero h1{font-size:41px;letter-spacing:-1.9px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:12px;margin-top:18px}.trust-line{font-size:8px;gap:9px 12px;margin-top:20px}.mail-visual{display:none}.auth-card{grid-template-columns:1fr;gap:30px;padding:26px 23px}.auth-card h2,h2{font-size:22px}.security-list{gap:9px;font-size:10px;margin-top:18px}.mode-selector{grid-template-columns:1fr;gap:9px}.mode-card{padding:15px 16px;gap:13px}.mode-card strong{font-size:12px}.mode-card small{font-size:9px;margin-top:3px}.mode-icon{width:35px;height:35px}.selection-dot{display:block}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.account{max-width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:15px}.account .text-button{padding:0}.connection-grid{grid-template-columns:1fr}.connection-grid>fieldset:nth-child(2){border-left:0;border-top:1px solid var(--card-border)}.connection-grid>fieldset{padding:25px 22px 17px}.server-row{grid-template-columns:1.25fr 1fr;gap:10px}.field input,.field select{font-size:12px;padding:12px}.connection-note{padding:14px 22px;font-size:9px}.review{padding:23px 22px}.start-row{align-items:flex-start;flex-direction:column;gap:16px}.start-row .primary{width:100%}.start-row .muted{font-size:9px}.consent{font-size:10px}.jobs-section{margin-top:40px}.job-card{padding:21px}.job-heading{flex-direction:column}.job-stats{gap:9px 16px;font-size:9px}.job-actions .text-button{margin-left:0}.faq{grid-template-columns:1fr;gap:18px;margin:50px 0}.faq summary{font-size:11px}.faq>div>p{font-size:11px}.card-topline{padding:18px 22px}.secure-pill{font-size:8px}.section-kicker{font-size:8px}.notice{font-size:11px}.field>span:first-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}