@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap";
:root{--bg:#070b14;--bg2:#0e1628;--line:#ffffff29;--text:#f3f6ff;--muted:#a4afc7;--accent:#4de2c7;--accent2:#7aa5ff}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(1200px 520px at 110% -20%, #2c3e86 0%, transparent 70%), radial-gradient(900px 500px at -10% 0%, #155f66 0%, transparent 72%), linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);margin:0;font-family:Sora,sans-serif}.page{min-height:100vh}.content{width:min(860px,100% - 40px);margin-inline:auto}.hero{border-bottom:1px solid var(--line);align-items:end;min-height:28vh;padding:22px 0 14px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(12px);background:radial-gradient(circle,#4de2c757 0%,#4de2c700 72%);border-radius:50%;width:380px;height:380px;animation:8s ease-in-out infinite drift;position:absolute;top:-80px;right:-90px}.heroInner{z-index:1;max-width:720px;animation:.65s ease-out riseIn}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 10px;font-size:12px}h1{letter-spacing:-.03em;margin:0;font-size:clamp(32px,5.2vw,56px);line-height:1.03}.lead{max-width:620px;color:var(--muted);margin:14px 0 0;font-size:clamp(14px,2.2vw,18px)}.contentTranslator{margin-top:8px}.translator{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c17c2;border-radius:18px;width:100%;margin:0 auto 28px;padding:20px;animation:.75s ease-out riseIn}.translatorHead{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.translatorHead h2{margin:0;font-size:22px}.translatorHead span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.controls{gap:9px;display:grid}label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}input,select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff08;border-radius:12px;padding:12px;transition:border-color .2s,transform .2s}input:focus,select:focus{border-color:var(--accent2);outline:none;transform:translateY(-1px)}button{color:#05131f;background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);cursor:pointer;border:0;border-radius:12px;margin-top:6px;padding:12px 14px;font-weight:700;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #4aaaff47}button:disabled{opacity:.72;cursor:default;transform:none}.result{border:1px solid var(--line);color:#d8ffef;background:#0d2d2773;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px;animation:.28s ease-out fadeIn;display:flex}.copyBtn{border-radius:10px;min-width:74px;margin-top:0;padding:8px 12px;font-size:13px}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-16px,14px)}}@media (max-width:720px){.content{width:calc(100% - 22px)}.hero{min-height:22vh;padding-top:16px}.heroInner{max-width:100%}.translator{margin:0 0 22px;padding:16px}}