:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172444;background:#f8faff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f8faff;--card:#fff;--text:#172444;--muted:#68758f;--line:#e2e9f4;--soft:#edf3ff;--blue:#315eea;--blue2:#6b5ce7;--shadow:0 18px 55px rgba(36,63,122,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #86a9ff;outline-offset:3px}button,a,input,textarea{transition:border-color .2s,background .2s,box-shadow .2s}h1,h2,h3,p{margin-top:0}p{line-height:1.6;color:var(--muted)}.container{max-width:1160px;margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:12px;top:-60px;padding:12px;background:#fff;z-index:30}.skip-link:focus{top:12px}.site-header{background:color-mix(in srgb,var(--card) 93%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;backdrop-filter:blur(20px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;font-weight:850;letter-spacing:-1px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;background:linear-gradient(135deg,#2b73f5,#775dea);color:white;border-radius:12px;width:39px;height:39px;font-size:23px;box-shadow:0 9px 20px rgba(42,94,228,.2)}.brand-dot{color:var(--blue)}.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600;color:var(--muted)}.nav a:hover,.footer-links a:hover{color:var(--blue)}.theme-button{border:1px solid var(--line);padding:11px 15px;border-radius:12px;color:var(--text);background:var(--card);white-space:nowrap;font-weight:700}.theme-button:hover,.button.subtle:hover{border-color:var(--blue);background:var(--soft)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:88px;padding-bottom:92px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;left:-130px;top:0;width:640px;height:500px;background:radial-gradient(circle at center,rgba(82,136,252,.12),transparent 68%);pointer-events:none}.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{letter-spacing:.02em;text-transform:none;background:var(--soft);border:1px solid #dce7ff;padding:9px 13px;border-radius:50px;font-size:12px;display:inline-flex;align-items:center;gap:9px}.status-dot{background:#e3a72e;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px rgba(227,167,46,.12)}h1{font-size:clamp(43px,5.3vw,69px);line-height:1.075;letter-spacing:-.062em;margin:21px 0 22px;font-weight:860}.gradient-text{background:linear-gradient(115deg,#2469f5 0%,#7256e8 80%);color:transparent;background-clip:text}.hero-desc{font-size:17px;line-height:1.8;max-width:480px}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--card);border-radius:13px;padding:13px 21px;color:var(--text);font-size:14px;font-weight:750;min-height:46px}.button.primary{border-color:var(--blue);background:linear-gradient(120deg,#2c6cf3,#4b58e8);color:white;box-shadow:0 10px 22px rgba(49,94,234,.20)}.button.primary:hover{box-shadow:0 15px 28px rgba(49,94,234,.28);filter:brightness(1.04)}.button.small{padding:10px 15px;min-height:38px}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;color:var(--muted);margin-top:27px}.hero-panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg);transition:transform .3s}.hero-panel:hover{transform:rotate(0)}.window-header{height:55px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid var(--line);font-size:13px;font-weight:760}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#f7b5b5}.window-dots i:nth-child(2){background:#f3d18b}.window-dots i:nth-child(3){background:#a4e0ba}.preview-pill{background:#fff4db;color:#976610;border-radius:50px;padding:5px 10px;font-size:10px;font-weight:800;margin-left:auto}.preview-pill.muted{background:var(--soft);color:var(--muted)}.mail-preview{padding:26px}.field-title{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.preview-address{display:flex;justify-content:space-between;align-items:center;min-height:58px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px 16px;margin-top:10px;color:var(--muted);font-weight:700;gap:8px}.preview-lock{opacity:.6}.preview-actions{display:flex;gap:9px;margin:12px 0 27px}.preview-actions button{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:10px 13px;color:var(--muted)}.inbox-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:14px}.empty-mail{text-align:center;padding:30px 15px}.mail-illustration{display:grid;place-items:center;margin:auto auto 12px;width:61px;height:61px;border-radius:20px;background:var(--soft);color:var(--blue);font-size:31px}.empty-mail strong{display:block;font-size:14px}.empty-mail p{font-size:12px;max-width:290px;margin:8px auto 0}.preview-footnote{font-size:10px;text-align:center;color:var(--muted);background:var(--soft);padding:10px;border-radius:9px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:85px}.benefits>div{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:24px;min-height:155px}.benefits strong{font-size:16px;display:block;margin:10px 0 5px}.benefits p{font-size:13px;margin:0}.benefit-icon{font-size:24px}.tools-section{background:color-mix(in srgb,var(--soft) 55%,var(--bg));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 35px}.section-head h2{font-size:clamp(31px,3vw,43px);letter-spacing:-.04em;margin:10px 0 8px}.section-head p{font-size:15px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{text-align:left;position:relative;display:flex;align-items:flex-start;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:23px;min-height:165px;color:var(--text)}.tool-card:hover,.tool-card.is-active{border-color:#729bf8;box-shadow:0 13px 30px rgba(49,94,234,.09)}.tool-card.is-active{outline:2px solid rgba(49,94,234,.12)}.tool-card strong{font-size:16px;margin:13px 0 5px}.tool-card>span:not(.tool-icon):not(.arrow){font-size:12px;color:var(--muted)}.tool-card .tool-icon{font-size:23px;background:var(--soft);color:var(--blue);border-radius:12px;display:grid;place-items:center;width:43px;height:43px}.tool-card .arrow{position:absolute;right:23px;top:27px;color:var(--blue)}.workspace{background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:855px;margin:28px auto 0;padding:34px;box-shadow:var(--shadow)}.tool-panel[hidden]{display:none}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:25px}.panel-heading h3{font-size:25px;margin:9px 0 6px;letter-spacing:-.035em}.panel-heading p{font-size:13px;margin:0}.local-badge{color:#20825d;background:#e7f8f0;border-radius:50px;padding:7px 11px;font-size:11px;font-weight:760;white-space:nowrap}.workspace label{display:block;font-weight:700;font-size:13px;margin:18px 0 10px}.workspace input:not([type=checkbox]):not([type=range]),.workspace textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;color:var(--text);background:var(--bg);outline:none;resize:vertical}.workspace input:focus,.workspace textarea:focus{border-color:#7197f3!important}.result-row{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--bg)}.result-text{font:700 16px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;flex:1;min-width:0}.range-label{display:flex!important;justify-content:space-between}.workspace input[type=range]{width:100%;accent-color:var(--blue)}.option-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.option-row label{font-size:12px;margin:0;display:flex;align-items:center;gap:6px}.option-row input{accent-color:var(--blue)}.input-with-button{display:flex;align-items:stretch;gap:10px}.input-with-button input{flex:1}.strength-track{height:9px;border-radius:20px;background:var(--soft);margin:23px 0 9px;overflow:hidden}.strength-track div{height:100%;width:0;transition:width .2s;background:#da504a}.helper{font-size:12px;margin:14px 0 0}.workspace .button+.helper{margin-top:15px}.qr-result{margin:20px 0;min-height:10px}.qr-result canvas{max-width:100%;height:auto;display:block;border:8px solid white;border-radius:10px}.message{font-size:13px;min-height:18px;margin:18px 0 0;color:var(--blue);font-weight:700}.message.error{color:#c63838}.faq{padding-top:90px;padding-bottom:110px;max-width:850px}.faq details{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-bottom:12px;padding:17px 21px}.faq summary{font-size:15px;font-weight:700;cursor:pointer}.faq details p{font-size:13px;margin:12px 0 0}.footer{background:var(--card);border-top:1px solid var(--line);padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-brand{font-size:20px}.footer-inner p,.footer-inner small{font-size:12px;margin:7px 0 0;color:var(--muted)}.footer-links{display:flex;gap:20px;font-size:13px;font-weight:650;color:var(--muted)}.legal-main{max-width:800px;padding-top:70px;padding-bottom:110px}.legal-main h1{font-size:38px}.legal-main h2{font-size:22px;margin-top:30px}.legal-main p,.legal-main li{font-size:15px;line-height:1.8;color:var(--muted)}
html[data-theme="dark"]{--bg:#0d1425;--card:#141f34;--text:#eef3ff;--muted:#a4b2cd;--line:#283753;--soft:#1c2b48;--blue:#88aaff;--blue2:#a2a3ff;--shadow:0 18px 60px rgba(0,0,0,.16)}
html[data-theme="dark"] .hero .eyebrow{border-color:var(--line)}html[data-theme="dark"] .local-badge{color:#8be0c4;background:#1a3b39}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:40px;padding-top:61px;padding-bottom:55px}.hero-desc{max-width:650px}.hero-panel{max-width:610px;transform:none}.tool-grid{grid-template-columns:repeat(2,1fr)}.benefits{margin-bottom:58px}}@media(max-width:560px){.container{padding-left:18px;padding-right:18px}.header-inner{height:64px}.brand{font-size:18px}.brand-symbol{width:33px;height:33px;font-size:20px}.nav{display:none}.theme-button{padding:9px}.theme-label{display:none}.hero{padding-top:45px}.hero h1{font-size:46px}.hero-desc{font-size:15px}.hero-notes{gap:9px;font-size:11px}.mail-preview{padding:16px}.benefits{grid-template-columns:1fr;gap:10px}.benefits>div{min-height:unset;padding:17px}.tools-section{padding:57px 0}.tool-grid{grid-template-columns:1fr;gap:11px}.tool-card{min-height:110px;padding:17px 17px 17px 74px;justify-content:center}.tool-card .tool-icon{position:absolute;left:17px;top:21px}.tool-card strong{margin:0 0 4px;font-size:15px}.tool-card .arrow{top:24px;right:15px}.workspace{margin-top:17px;padding:20px 16px}.panel-heading{display:block}.panel-heading h3{font-size:22px}.local-badge{display:inline-block;margin-top:12px}.result-row{flex-wrap:wrap}.result-row .button{margin-left:auto}.section-head h2{font-size:32px}.faq{padding-top:60px;padding-bottom:65px}.footer-inner{display:block}.footer-links{margin:24px 0}.option-row{gap:10px}.option-row label{width:46%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Private inbox — visible only after the backend health check succeeds. */
[hidden]{display:none!important}
.inbox-lifetime{font-size:11px;margin:9px 0 0;color:var(--muted)}
.inbox-action-buttons{flex-wrap:wrap;margin-top:12px}
.inbox-action-buttons button:not([disabled]){background:var(--soft);border-color:var(--line);color:var(--text);font-weight:700}
.inbox-action-buttons #createInboxButton:not([disabled]){background:var(--blue);color:white;border-color:var(--blue)}
.live-inbox-list{display:flex;flex-direction:column;max-height:270px;overflow:auto;gap:8px;margin:10px 0}
.live-inbox-list .empty-mail{font-size:12px;color:var(--muted);margin:0}
.live-inbox-row{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:12px;width:100%;color:var(--text)}
.live-inbox-row:hover{border-color:var(--blue)}
.live-inbox-row strong{font-size:13px;overflow-wrap:anywhere}
.live-inbox-row span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.live-inbox-row small{font-size:11px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.live-message-viewer{margin-top:15px;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.live-message-viewer h3{font-size:17px;overflow-wrap:anywhere;margin:12px 0 4px}
.live-message-viewer p{font-size:11px;overflow-wrap:anywhere}
.live-message-viewer pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;max-height:250px;overflow:auto;color:var(--text);margin:12px 0}
.live-otp-row{border:1px solid #d3e0fb;background:var(--soft);border-radius:9px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px}
.inbox-feedback{min-height:18px;font-size:11px;color:var(--blue);margin:10px 0}
#liveInboxAddress{overflow-wrap:anywhere;word-break:break-word;font-size:13px}