:root{color-scheme:dark;--bg:#061127;--bg2:#091a38;--surface:rgba(13,31,65,.78);--surface2:#10254a;--surface3:#0b1d3b;--line:rgba(148,180,235,.15);--line-strong:rgba(135,171,238,.27);--text:#f3f7ff;--muted:#9aaccb;--muted2:#7085aa;--blue:#3977ff;--bright:#6b9bff;--cyan:#62d9f5;--shadow:0 24px 80px rgba(0,0,0,.28);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -25%,#163b78 0,transparent 45%),linear-gradient(180deg,var(--bg),#07142c 60%,#061127);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(121,163,239,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(121,163,239,.09) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 78%);z-index:-1}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none;z-index:-1}.ambient-one{background:#236cff;top:330px;left:-280px}.ambient-two{background:#1b9ed1;right:-300px;top:760px}.topbar{height:82px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(153,183,231,.1);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid rgba(103,153,255,.45);border-radius:13px;background:linear-gradient(145deg,rgba(60,119,255,.3),rgba(19,45,91,.65));display:grid;place-items:center;color:#8eb4ff;box-shadow:0 0 26px rgba(54,111,255,.15)}.brand-mark svg{width:28px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong,.footer-brand{font:800 17px Manrope,sans-serif;letter-spacing:-.7px}.brand-copy strong span,.footer-brand span{color:#78a5ff}.brand-copy small{font-size:8px;letter-spacing:1.8px;color:var(--muted2);font-weight:700}.nav-links{display:flex;gap:34px}.nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.top-actions{display:flex;align-items:center;gap:14px}.status-pill{border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:8px}.status-pill i,.meta-dot{width:6px;height:6px;background:#62d9a2;border-radius:50%;box-shadow:0 0 10px #62d9a2}.icon-button,.swap-button,.download-button{display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer;transition:.2s}.icon-button{width:38px;height:38px;border-radius:12px}.icon-button svg,.swap-button svg,.download-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover,.swap-button:hover,.download-button:hover{color:var(--text);border-color:var(--bright);transform:translateY(-1px)}main{max-width:1080px;margin:auto;padding:0 28px}.hero{text-align:center;padding:76px 0 48px}.eyebrow,.section-kicker{color:#83aaff;font-size:10px;letter-spacing:2.3px;font-weight:800}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px}.eyebrow-line{height:1px;width:28px;background:linear-gradient(90deg,transparent,#5c8eff)}.eyebrow-line:last-child{transform:rotate(180deg)}h1,h2,h3,p{margin-top:0}h1{font:800 clamp(42px,6vw,68px)/1.1 Manrope,sans-serif;letter-spacing:-3.8px;margin:22px 0 15px}h1 span{background:linear-gradient(95deg,#dce9ff 5%,#76a6ff 52%,#5ed5ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{color:#a9b9d5;font-size:15px;letter-spacing:.1px;margin-bottom:23px}.hero-meta{display:flex;justify-content:center;gap:24px;color:var(--muted2);font-size:11px}.hero-meta span{display:flex;align-items:center;gap:8px}.meta-dot{width:5px;height:5px;background:#77a5ff;box-shadow:none}.translator-shell{background:linear-gradient(145deg,rgba(17,39,79,.94),rgba(8,24,51,.96));border:1px solid var(--line-strong);border-radius:25px;padding:27px;box-shadow:var(--shadow),0 0 55px rgba(43,103,226,.08);position:relative;overflow:hidden}.translator-shell:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#8db5ff,transparent);opacity:.65}.workspace-heading,.section-heading{display:flex;align-items:center;justify-content:space-between}.workspace-heading{margin-bottom:24px}.workspace-heading h2,.section-heading h2{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:6px 0 0}.workspace-heading .section-kicker,.section-heading .section-kicker{font-size:9px}.secure-label{display:flex;align-items:center;gap:7px;color:#8da4c8;font-size:10px}.secure-label svg{width:17px;fill:none;stroke:#69cda6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.language-bar{display:grid;grid-template-columns:1fr 46px 1fr auto;gap:12px;align-items:center;margin-bottom:13px}.language-select-wrap{display:flex;align-items:center;gap:13px;min-width:0;background:rgba(4,16,37,.52);border:1px solid var(--line);border-radius:12px;padding:0 13px;height:48px}.language-select-wrap label{font-size:9px;letter-spacing:1px;color:var(--muted2);font-weight:800}.language-select-wrap select{background:transparent;border:0;color:var(--text);font:600 12px "DM Sans";width:100%;outline:none;min-width:0;cursor:pointer}.language-select-wrap option{background:#10254a;color:white}.swap-button{width:42px;height:42px;border-radius:12px;justify-self:center}.text-button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;font:600 11px "DM Sans";cursor:pointer;padding:9px;white-space:nowrap}.text-button:hover{color:var(--text)}.text-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.translation-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.translation-panel{min-width:0;min-height:270px;border:1px solid var(--line);border-radius:16px;background:rgba(4,15,34,.46);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s}.translation-panel:focus-within{border-color:rgba(103,153,255,.5)}.output-panel{background:linear-gradient(145deg,rgba(22,48,91,.52),rgba(8,24,48,.58));border-color:rgba(102,151,239,.2)}.panel-top,.panel-bottom{padding:15px 17px;display:flex;align-items:center;justify-content:space-between}.panel-top{border-bottom:1px solid rgba(148,180,235,.09)}.panel-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.25px;font-weight:800;color:#a8bad8}.panel-indicator{width:6px;height:6px;border-radius:50%;background:#72a0ff;box-shadow:0 0 9px #72a0ff}.output-indicator{background:#66d9d0;box-shadow:0 0 9px #66d9d0}.subtle-button{border:0;background:transparent;color:var(--muted2);font:600 10px "DM Sans";cursor:pointer}.subtle-button:hover{color:var(--text)}textarea{display:block;resize:vertical;min-height:164px;max-height:330px;width:100%;padding:19px 18px 12px;background:transparent;border:0;outline:none;color:var(--text);font:400 15px/1.75 "DM Sans";flex:1}textarea::placeholder{color:#63799e}.panel-bottom{padding-top:11px;padding-bottom:12px;border-top:1px solid rgba(148,180,235,.08);min-height:51px}.input-tools,.output-actions{display:flex;align-items:center;gap:14px}.tool-button{display:flex;align-items:center;gap:6px;padding:3px 0;border:0;background:transparent;color:#8fa4c7;font:600 10px "DM Sans";cursor:pointer;transition:color .2s}.tool-button:hover,.tool-button.active{color:#8db4ff}.tool-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.char-count{font-size:9px;color:var(--muted2);font-variant-numeric:tabular-nums}.result-language{font-size:10px;color:#82aaff;background:rgba(62,117,226,.12);border:1px solid rgba(103,153,255,.18);padding:5px 9px;border-radius:20px}.translated-text{padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:164px;flex:1;color:#e2edff;font:400 15px/1.8 "DM Sans"}.placeholder-text{color:#657d9f}.output-bottom{gap:8px}.download-button{width:28px;height:28px;border-radius:8px}.copy-button{color:#a9c4ff}.translate-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px}.api-note{display:flex;align-items:center;gap:9px;color:#8096ba;font-size:10px;line-height:1.5}.note-icon{font-size:15px;color:#77a5ff}.api-note.error{color:#ff9b9b}.api-note.success{color:#7ed9b4}.translate-button{height:48px;padding:0 21px 0 24px;border:1px solid rgba(154,190,255,.3);border-radius:12px;background:linear-gradient(110deg,#2865ed,#478dff);box-shadow:0 8px 25px rgba(40,101,237,.24),inset 0 1px rgba(255,255,255,.22);color:white;display:flex;align-items:center;gap:19px;font:700 12px "DM Sans";cursor:pointer;transition:transform .2s,filter .2s}.translate-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.translate-button:disabled{opacity:.65;cursor:wait;transform:none}.translate-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.translate-button.loading svg{animation:arrowPulse .8s infinite alternate}@keyframes arrowPulse{to{transform:translateX(4px)}}.feature-section,.history-section{padding:82px 0 0}.section-heading{align-items:end;margin-bottom:24px}.section-heading h2{font-size:25px}.section-heading>p{max-width:290px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{padding:23px 21px 21px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(17,37,72,.72),rgba(8,24,48,.7));transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.feature-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}.feature-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.blue-icon{background:rgba(63,119,255,.16);color:#80a9ff}.violet-icon{background:rgba(151,112,255,.14);color:#b5a0ff}.cyan-icon{background:rgba(65,203,224,.13);color:#71d9eb}.feature-card h3{font:700 13px Manrope,sans-serif;margin-bottom:8px}.feature-card p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.history-section{padding-bottom:75px}.history-heading{margin-bottom:17px}.clear-history{font-size:10px}.history-list{border:1px solid var(--line);border-radius:16px;background:rgba(9,25,51,.55);overflow:hidden}.empty-history{display:flex;align-items:center;gap:14px;padding:22px;color:var(--muted)}.empty-history-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(67,119,231,.12);color:#8db1ff;font-size:22px}.empty-history strong{display:block;font-size:12px;color:var(--text);margin-bottom:4px}.empty-history p{font-size:10px;margin:0;color:var(--muted2)}.history-item{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-text{font-size:11px;line-height:1.6;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-text strong{display:block;color:var(--text);font-size:9px;letter-spacing:.6px;margin-bottom:3px}.history-item button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 9px;font:600 9px "DM Sans";cursor:pointer}.history-item button:hover{color:var(--text);border-color:var(--bright)}.footer{min-height:90px;border-top:1px solid rgba(153,183,231,.1);max-width:1240px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-brand{color:var(--text);text-decoration:none;font-size:14px}.footer p,.footer-copy{font-size:10px;color:var(--muted2);margin:0}.footer p strong{color:#a9bad8}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 17px;border:1px solid var(--line-strong);border-radius:12px;background:#132b51;color:#eef5ff;font-size:11px;box-shadow:var(--shadow);transition:.25s;z-index:10;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body.light{color-scheme:light;--bg:#eef4ff;--bg2:#e5eeff;--surface:#fff;--surface2:#edf3ff;--surface3:#f6f9ff;--line:rgba(49,83,140,.13);--line-strong:rgba(49,97,183,.22);--text:#102448;--muted:#607493;--muted2:#8192ac;--shadow:0 24px 70px rgba(39,71,128,.12);background:radial-gradient(ellipse at 50% -25%,#d4e4ff 0,transparent 50%),linear-gradient(180deg,#f5f8ff,#eaf1ff 60%,#f4f7ff)}body.light:before{opacity:.25;background-image:linear-gradient(rgba(61,104,177,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(61,104,177,.08) 1px,transparent 1px)}body.light .translator-shell{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(241,246,255,.98))}body.light .language-select-wrap,body.light .translation-panel,body.light .history-list{background:rgba(255,255,255,.7)}body.light .output-panel,body.light .feature-card{background:linear-gradient(145deg,#fff,#f0f5ff)}body.light .translated-text{color:#20385f}body.light textarea{color:#20385f}body.light .hero-subtitle{color:#627696}body.light .footer p strong{color:#304c79}body.light .feature-card h3{color:#102448}body.light .placeholder-text,body.light textarea::placeholder{color:#8a9ab3}body.light .language-select-wrap option{background:white;color:#102448}body.light .toast{background:#fff;color:#102448}@media(max-width:760px){.topbar{height:72px;padding:0 19px}.nav-links{gap:16px}.nav-links a{font-size:11px}.status-pill{display:none}main{padding:0 19px}.hero{padding:62px 0 38px}h1{letter-spacing:-2.5px}.hero-meta{gap:13px;flex-wrap:wrap;font-size:10px}.translator-shell{padding:21px 17px;border-radius:20px}.workspace-heading h2{font-size:20px}.secure-label{font-size:9px}.language-bar{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:8px}.language-select-wrap{padding:0 9px;gap:7px}.language-select-wrap label{font-size:8px}.language-select-wrap select{font-size:11px}.swap-button{width:37px;height:37px}.language-bar>.text-button{grid-column:3;justify-self:end;margin-top:-7px}.translation-grid{grid-template-columns:1fr}.translation-panel{min-height:235px}textarea,.translated-text{min-height:135px}.feature-section,.history-section{padding-top:61px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:19px;display:grid;grid-template-columns:42px 1fr;column-gap:13px}.feature-icon{grid-row:span 2;margin:0}.feature-card h3{align-self:end;margin:0 0 5px}.feature-card p{grid-column:2}.section-heading>p{display:none}.footer{padding:20px;flex-wrap:wrap}.footer p{order:3;width:100%}.history-item{grid-template-columns:1fr 1fr;gap:9px}.history-item button{grid-column:2;justify-self:end}.history-text{font-size:10px}}@media(max-width:440px){.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:15px}.nav-links{gap:11px}.nav-links a{font-size:10px}.topbar{padding:0 14px}.top-actions{gap:7px}.icon-button{width:35px;height:35px}.hero{padding-top:52px}.hero-subtitle{font-size:13px;line-height:1.6}.hero-meta{gap:10px}.hero-meta span:last-child{display:none}.workspace-heading{align-items:flex-start}.secure-label{max-width:120px;line-height:1.4}.translator-shell{padding:18px 13px}.language-select-wrap{height:45px}.language-select-wrap label{display:none}.language-select-wrap select{font-size:10px}.translate-footer{align-items:flex-start;flex-direction:column}.translate-button{width:100%;justify-content:center}.api-note{min-height:25px}.footer-copy{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}