:root{--bg:#f4f7fb;--surface:#fff;--surface2:#eef3f9;--text:#172033;--muted:#607089;--line:#dce4ef;--accent:#315fff;--accent2:#7a4dff;--accent-dark:#173fa7;--success:#137c4b;--success-bg:#e9f8f0;--warning:#8a5a00;--warning-bg:#fff6df;--danger:#a52a2a;--danger-bg:#fff0f0;--shadow:0 14px 38px rgba(25,48,97,.09);--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-row{min-height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:850;color:var(--text);letter-spacing:-.02em}nav{display:flex;gap:20px}nav a{color:var(--muted);font-weight:700}main{padding:38px 0 70px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 42px;text-align:center;font-size:.9rem}.retention-notice{margin-bottom:22px;background:var(--warning-bg);border:1px solid #ecd99c;color:#6e4900;border-radius:13px;padding:13px 16px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 38px}.mode-tab{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:20px 22px;border:2px solid #637aff;border-radius:18px;background:#fff;color:var(--text);box-shadow:var(--shadow);transition:.18s}.mode-tab:hover{transform:translateY(-2px);text-decoration:none}.mode-tab.active{background:linear-gradient(115deg,#4f72ff,#7d4cff);color:#fff;border-color:transparent}.mode-icon{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;background:#eef2ff;border:1px solid #cfd8ff;font-size:1.45rem}.active .mode-icon{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}.mode-tab b{font-size:1.12rem;display:block}.mode-tab small{display:block;margin-top:3px;color:var(--muted)}.active small{color:#eef1ff}.mode-end{font-weight:900}.mode-end em{font-style:normal;font-size:.72rem;border:1px solid rgba(255,255,255,.45);padding:4px 10px;border-radius:999px}.hero{margin-bottom:26px}.hero h1{font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.055em;line-height:1.02;margin:7px 0 11px;max-width:900px}.hero p{font-size:1.08rem;color:var(--muted);max-width:840px;margin:0}.hero.compact h1{font-size:clamp(2rem,4vw,3.25rem)}.eyebrow{color:#2457d6;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-bottom:24px}.card h2{margin-top:0}.drop-zone{display:block;margin:18px 0 30px;border:2px dashed #afc2dc;border-radius:16px;padding:34px 22px;text-align:center;background:var(--surface2);cursor:pointer}.drop-zone:hover{border-color:var(--accent);background:#eaf0ff}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone strong{display:block;font-size:1.05rem}.drop-zone span{display:block;color:var(--muted);margin-top:5px}.step{display:flex;gap:14px;align-items:flex-start}.step>span{width:34px;height:34px;border-radius:50%;background:#e8edff;color:var(--accent);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.step h2{margin:1px 0 2px;font-size:1.15rem}.step p{margin:0;color:var(--muted)}label>span:first-child{display:block;font-weight:800;margin-bottom:7px}input[type=password]{width:100%;border:1px solid #cbd7e6;border-radius:11px;padding:13px 14px;font:inherit;color:var(--text);background:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.security-card{display:flex;gap:15px;align-items:center;background:#f0f4ff;border:1px solid #d4defd;border-radius:14px;padding:17px;margin:6px 0 24px}.security-card p{margin:3px 0 0;color:var(--muted)}.lock{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--accent);font-weight:900;border:1px solid #ccd6ff}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;padding:11px 16px;border:1px solid transparent;font-weight:800;cursor:pointer;font:inherit;text-decoration:none}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:#fff;color:var(--accent);border-color:#b9c8dc}.button.large{width:100%;padding:14px 18px;font-size:1.03rem}.button[disabled]{opacity:.65;cursor:wait}.alert{border-radius:13px;padding:14px 16px;margin:0 0 22px;border:1px solid}.alert.info{background:#eef4ff;color:#24426f;border-color:#ccdcff}.alert.error{background:var(--danger-bg);color:var(--danger);border-color:#efc1c1}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.info-grid .card{margin:0}.info-grid p,.muted{color:var(--muted)}.success-card{display:flex;align-items:center;gap:18px;border-color:#bce9d0}.success-mark{width:54px;height:54px;border-radius:50%;background:var(--success-bg);color:var(--success);display:grid;place-items:center;font-size:1.6rem;font-weight:900}.success-card h2{margin:0}.success-card p{margin:3px 0 0;color:var(--muted)}.key-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.key-head h2{margin:5px 0 0}.key-value{padding:17px;border:1px solid #cbd7e6;border-radius:12px;background:#f8faff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;overflow-wrap:anywhere;margin:15px 0}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.file-list{margin-top:8px}.file-chip{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line);color:var(--muted)}.file-chip strong{color:var(--text);overflow-wrap:anywhere}@media(max-width:760px){.header-row{align-items:flex-start;padding:14px 0;gap:12px}.header-row,nav{flex-wrap:wrap}.mode-tabs,.info-grid{grid-template-columns:1fr}.mode-tab{grid-template-columns:48px 1fr auto;padding:16px}.mode-icon{width:48px;height:48px}.key-head{flex-direction:column}.hero h1{font-size:2.6rem}}
.drop-zone.has-files{border-style:solid;border-color:#6f83ff;background:#f2f5ff}.selected-files{margin:-18px 0 30px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.selected-empty{padding:13px 16px;color:var(--muted);font-size:.93rem}.selected-summary{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 15px;background:#f5f7ff;border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem}.selected-summary strong{color:var(--text)}.selected-file-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.selected-file-row:last-child{border-bottom:0}.selected-file-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef2ff;color:var(--accent);font-size:.78rem}.selected-file-name{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-size{color:var(--muted);font-size:.88rem;white-space:nowrap}@media(max-width:560px){.selected-summary{align-items:flex-start;flex-direction:column;gap:2px}.selected-file-row{grid-template-columns:30px minmax(0,1fr)}.selected-file-size{grid-column:2}}.selected-file-row{grid-template-columns:30px minmax(0,1fr) auto 34px}.selected-file-remove{width:32px;height:32px;border-radius:9px;border:1px solid #d8e0eb;background:#fff;color:#7a879b;font-size:1.35rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.15s;padding:0}.selected-file-remove:hover,.selected-file-remove:focus-visible{background:#fff0f0;border-color:#efb2b2;color:#b3261e;outline:none;box-shadow:0 0 0 3px rgba(179,38,30,.09)}.selected-file-remove:active{transform:scale(.95)}
@media(max-width:560px){.selected-file-row{grid-template-columns:30px minmax(0,1fr) 34px}.selected-file-size{grid-column:2}.selected-file-remove{grid-column:3;grid-row:1 / span 2;align-self:center}}

.syn-app-intro{padding:28px 0 6px}.syn-app-intro .eyebrow{font-size:.72rem;letter-spacing:.13em;color:#6070ff;font-weight:850}.syn-app-intro h1{margin:7px 0 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.syn-app .card{background:var(--syn-panel)!important;backdrop-filter:blur(14px)}