@import"https://fonts.googleapis.com/css2?family=Sora:wght@500;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";:root{--bg: #f8f6f2;--surface: #ffffff;--text: #0f2630;--muted: #456a78;--brand: #0088c8;--brand-deep: #00567d;--line: #c7dce7;--accent: #ff9c4b;--shadow: 0 16px 44px rgba(0, 52, 78, .12);--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background:radial-gradient(circle at 88% -12%,#b9ebff 0%,transparent 35%),radial-gradient(circle at 10% 22%,#ffd8b8 0%,transparent 28%),var(--bg);font-family:Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.55}.page{overflow-x:hidden}.hero{width:min(1400px,96vw);margin:1rem auto 1.5rem;background:linear-gradient(145deg,#fff,#ecf7fd);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);padding:1.1rem 1.1rem 1.8rem;position:relative}.hero:after{content:"";position:absolute;inset:-12% auto auto 70%;width:280px;height:280px;background:radial-gradient(circle,rgba(0,136,200,.22),transparent 66%);pointer-events:none;animation:pulse 4.8s ease-in-out infinite}.nav{display:flex;align-items:center;justify-content:space-between}.nav-actions{display:flex;align-items:center;gap:.55rem}.brand img{width:190px;max-width:38vw;display:block}.lang-toggle{display:inline-flex;align-items:center;gap:.2rem;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.2rem}.lang-btn{border:0;background:transparent;color:var(--brand-deep);font-weight:800;font-size:.74rem;border-radius:999px;padding:.35rem .6rem;cursor:pointer}.lang-btn.active{background:linear-gradient(130deg,var(--brand) 0%,#00a0dd 100%);color:#fff}.hero-content{animation:rise .8s ease both}.eyebrow{margin:0;color:var(--brand-deep);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}h1,h2,h3{font-family:Sora,Zen Kaku Gothic New,sans-serif;margin:0;line-height:1.18}h1{margin-top:.8rem;font-size:clamp(1.9rem,4.7vw,3.05rem)}h2{font-size:clamp(1.4rem,3vw,1.9rem)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-word}.section{width:min(1140px,92vw);margin:0 auto;padding:.4rem 0 2.4rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 6px 16px #00496c14;animation:rise .8s ease both}.upload-card{max-width:860px;margin:0 auto}.upload-form{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.78rem}.upload-form label{display:grid;gap:.3rem;font-weight:700;font-size:.94rem}.upload-form .wide{grid-column:1 / -1}input,textarea{width:100%;border:1px solid #abc9d8;border-radius:10px;padding:.68rem .72rem;font:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid rgba(0,136,200,.25);border-color:var(--brand)}.button-row{margin-top:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:.65rem 1.15rem;border:1px solid transparent;background:linear-gradient(130deg,var(--brand) 0%,#00a0dd 100%);color:#fff;font-weight:700;font-size:.96rem;text-decoration:none;cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.05);box-shadow:0 10px 24px #0088c84d}.btn:disabled{opacity:.7;cursor:wait;transform:none;box-shadow:none}.btn-ghost{background:#fff;color:var(--brand-deep);border-color:var(--line)}.form-status{margin-top:.9rem;padding:.65rem .8rem;border-radius:10px;font-weight:700}.form-status.success{background:#ecfbf2;border:1px solid #86d7a8;color:#14603a}.form-status.error{background:#fff1f1;border:1px solid #efabab;color:#8f1d1d}.download-row{margin-top:.9rem}.footer{text-align:center;padding:.8rem 1rem 1.6rem;color:#5b7985;font-size:.93rem}.footer p{margin:.32rem 0}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.8}}@media (max-width: 920px){.hero-main{grid-template-columns:1fr}}@media (max-width: 640px){.hero{margin-top:.8rem;padding:.95rem .9rem 1.3rem}.nav{flex-wrap:wrap;gap:.65rem}.upload-form{grid-template-columns:1fr}.upload-form .wide{grid-column:auto}}
