:root{color:#ecf4ff;--navy:#071527;--navy2:#0b213a;--blue:#0e5e9c;--blue2:#1c8ad6;--gold:#d9b44a;--gold2:#f2d47c;--line:#bedaff2e;--muted:#9fb6d0;--ink:#102a43;background:#071527;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#06101f 0%,#081c33 42%,#0d3456 100%);min-height:100vh;margin:0;position:relative}body:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 12%,#1c8ad661,#0000 32%),radial-gradient(circle at 86% 8%,#d9b44a40,#0000 24%),linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#ffffff07 1px,#0000 1px) 0 0/72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000b8,#00000047);mask-image:linear-gradient(#000,#000000b8,#00000047)}main{width:min(1120px,92vw);margin:0 auto;padding:52px 0;position:relative}.hero{background:linear-gradient(135deg,#0a2038f2,#0c395ee0);border:1px solid #f2d47c3d;border-radius:28px;align-items:center;min-height:116px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 100px #00000057,inset 0 1px #ffffff14}.hero:before{content:"";background:linear-gradient(120deg,#0000 0%,#d9b44a1f 42%,#0000 70%);position:absolute;inset:0;transform:skew(-18deg)translate(36%)}.hero:after{content:"";background:linear-gradient(#f2d47c,#1c8ad6);width:8px;position:absolute;top:0;bottom:0;right:0}.orb{filter:drop-shadow(0 24px 40px #00000038);background:linear-gradient(135deg,#d9b44a6b,#1c8ad63d);border:1px solid #f2d47c40;border-radius:30px;width:120px;height:120px;position:absolute;top:48px;right:54px;transform:rotate(12deg)}.brand{color:#f7dc88;z-index:1;background:#071527b8;border:1px solid #f2d47c4d;border-radius:14px;align-items:center;gap:9px;padding:10px 15px;font-weight:850;display:inline-flex;position:relative;box-shadow:0 12px 30px #0000002e}.hero-title{letter-spacing:-.045em;color:#f9df8d;padding:16px 22px;font-size:clamp(28px,5vw,52px)}.hero h1{letter-spacing:-.065em;color:#f7fbff;text-shadow:0 12px 34px #00000047;max-width:850px;margin:30px 0 18px;font-size:clamp(38px,6vw,70px);line-height:.95}.hero p{color:#c9d9eb;max-width:780px;font-size:19px;line-height:1.68}.note{color:#f8e6aa;background:#d9b44a21;border:1px solid #d9b44a47;border-radius:16px;margin-top:16px;padding:12px 16px;font-size:14px;display:inline-flex}.panel,.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);background:linear-gradient(#0b213adb,#08182cd1);border-radius:24px;box-shadow:0 22px 64px #00000042}.upload{grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:26px;padding:22px;display:grid}.drop{cursor:pointer;color:#e7f2ff;background:#ffffff09;border:1.5px dashed #9cbee673;border-radius:20px;align-items:center;gap:14px;padding:28px;transition:all .2s;display:flex}.drop:hover{border-color:var(--gold);background:#d9b44a12;transform:translateY(-1px)}.drop svg{color:#f2d47c}.drop input{display:none}.drop strong{display:block}.drop small{color:#9fb6d0;margin-top:4px;font-size:14px;display:block}button,.download{color:#10233d;cursor:pointer;background:linear-gradient(135deg,#d9b44a,#f2d47c);border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:900;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 14px 30px #d9b44a30}button:hover,.download:hover{filter:brightness(1.04);transform:translateY(-1px)}.download{color:#eef8ff;background:linear-gradient(135deg,#08385f,#0e5e9c);border:1px solid #bedaff3d;box-shadow:0 10px 22px #08385f3d}button.ghost{color:#eef8ff;background:linear-gradient(135deg,#0e5e9ceb,#1c8ad6d1);border:1px solid #bedaff38;padding:10px 14px;box-shadow:0 10px 22px #0e5e9c2e}button.share{color:#10233d;background:linear-gradient(135deg,#d9b44a,#f2d47c);border-color:#d9b44a80;box-shadow:0 10px 22px #d9b44a33}button.danger,.mini.danger{color:#ffe8e4;background:linear-gradient(135deg,#b42318e6,#dc483ac7);border-color:#ff8c8052;box-shadow:0 10px 22px #b423182e}button.mini{color:#d9e9fb;box-shadow:none;background:#ffffff0f;border:1px solid #bedaff2e;border-radius:11px;padding:7px 10px}.confirm-box{color:#ffc7c1;background:#b423181f;border:1px solid #ff8c8047;border-radius:16px;gap:8px;padding:12px;font-size:13px;font-weight:850;display:grid}.confirm-box div{gap:8px;display:flex}.muted{color:#9fb6d0!important}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error,.bad{color:#ffc1ba}.error{background:#b423181f;border:1px solid #ff8c8042;border-radius:16px;grid-column:1/-1;gap:8px;padding:12px 14px;display:flex}.progress{margin-top:20px;padding:24px}.progress-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.progress-head span{align-items:center;gap:10px;display:flex}.progress-head strong{color:#f2d47c;font-size:25px}.progress-bar{background:#ffffff14;border-radius:999px;height:14px;margin:18px 0 14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000047}.progress-bar i{background:linear-gradient(90deg,#d9b44a,#1c8ad6);border-radius:999px;height:100%;transition:width .45s;display:block;box-shadow:0 8px 24px #1c8ad640}.current-stage{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;display:flex}.current-stage span,.section-label{text-transform:uppercase;letter-spacing:.09em;color:#9fb6d0;font-size:11px;font-weight:900}.current-stage b{color:#f7fbff}.steps{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;display:grid}.steps span{text-align:center;color:#9fb6d0;background:#ffffff0e;border-radius:999px;padding:10px;font-size:12px}.steps .on{color:#10233d;background:#d9b44a;font-weight:900}.steps .done{color:#99f0c5;background:#25a06733;font-weight:850}.history{margin-top:38px}.history h2{letter-spacing:-.035em;color:#f7fbff;margin-bottom:18px;font-size:30px}.empty{color:#9fb6d0;padding:24px}.card{grid-template-columns:auto minmax(0,1fr) minmax(218px,270px);align-items:start;gap:20px;margin:16px 0;padding:22px;display:grid}.icon{color:#f2d47c;background:linear-gradient(135deg,#d9b44a3d,#1c8ad62e);border:1px solid #f2d47c33;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.meta{min-width:0}.meta h3{letter-spacing:-.02em;color:#f7fbff;overflow-wrap:anywhere;margin:8px 0;font-size:20px}.section-label{border:1px solid var(--line);color:#f2d47c;background:#ffffff0b;border-radius:999px;width:max-content;padding:6px 9px;display:inline-flex}.pdf-state{color:#9fb6d0;text-align:center;background:#ffffff0a;border:1px dashed #bedaff38;border-radius:14px;padding:12px;font-size:13px}.meta .badge{width:max-content;margin-top:10px}.actions .section-label{text-align:center;justify-content:center;align-self:center;width:146px}.meta p{color:#9fb6d0;margin:5px 0}.small{align-items:center;gap:5px;font-size:13px;display:flex}.preview{display:none}.actions{background:#ffffff09;border:1px solid #bedaff26;border-radius:20px;flex-direction:column;align-items:center;gap:9px;padding:14px;display:flex}.actions>a,.actions>button{width:146px}.badge{color:#d2e4f8;background:#fff1;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:850;display:inline-flex}.badge.completed{color:#99f0c5;background:#25a06733}.badge.error{color:#ffc1ba;background:#b4231829}.badge.processing,.badge.queued{color:#f8e4a3;background:#d9b44a29}footer{text-align:center;color:#9fb6d0;margin:34px}@media (width<=820px){main{width:min(360px,88vw);padding:20px 0}.hero{border-radius:24px;padding:28px 22px}.upload,.card{grid-template-columns:1fr;padding:16px}.upload{justify-items:center}.actions{align-items:center}.actions .section-label,.actions>a,.actions>button,.pdf-state{width:min(100%,240px)}.steps{grid-template-columns:1fr}.note{display:block}.drop{align-items:flex-start;gap:10px;width:min(100%,260px);padding:14px}.drop small{font-size:12px}.hero h1{font-size:42px}.orb{display:none}}