:root{--ink:#151a25;--muted:#727781;--violet:#f14461;--line:#dfe1e4;font-family:Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#f6f5f2}button,input,textarea,select{font:inherit}.app-shell,.download-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 10%,rgba(241,68,97,.09),transparent 30%),#f6f5f2}.topbar{width:min(1200px,90vw);margin:auto;padding:26px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:9px}.brand img{width:151px;height:40px;object-fit:contain}.brand i{font:italic 16px Georgia,serif;color:#737781;border-left:1px solid #c4c7cb;padding-left:9px}.user-pill{border:0;background:none;display:flex;align-items:center;gap:9px;color:var(--ink);cursor:pointer}.user-pill span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#151a25;color:#fff;font-size:11px;font-weight:bold}.user-pill b{font-size:13px}.user-pill small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#747983}.mode-switch{width:min(1040px,90vw);margin:22px auto -28px;display:flex;gap:6px;padding:5px;background:#e9e8e4;border-radius:10px}.mode-switch button{flex:1;border:0;border-radius:7px;background:transparent;color:#747985;padding:12px;font-size:13px;font-weight:bold;cursor:pointer}.mode-switch button span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:6px;background:#deddda}.mode-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(21,26,37,.08)}.mode-switch button.active span{background:var(--violet);color:#fff}.upload-page{width:min(1040px,90vw);margin:0 auto;padding:72px 0;flex:1}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--violet);font-size:10px;font-weight:bold;letter-spacing:.14em}.eyebrow span{width:19px;height:2px;background:var(--violet)}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.06em;line-height:.98;margin:18px 0}h1 em{font-family:Georgia,serif;font-weight:normal}.intro{max-width:580px;color:var(--muted);font-size:17px;line-height:1.6}.upload-card{margin-top:38px;background:#fff;border:1px solid var(--line);border-radius:19px;padding:14px;box-shadow:0 20px 60px rgba(21,26,37,.05)}.dropzone{min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;border:2px dashed #d5d8dc;border-radius:13px;background:#fafafa;cursor:pointer;position:relative;text-align:center}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone strong{font-size:17px}.dropzone small{color:#878c95}.upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff0f2;color:var(--violet);font-size:25px}.upload-progress{width:60%;margin-top:8px}.upload-progress i{display:block;height:5px;background:var(--violet);border-radius:10px}.upload-progress small{display:block;margin-top:5px}.file-queue{padding:12px 4px 0;display:grid;gap:8px}.file-queue>div,.download-list>div{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid #e5e6e8;border-radius:11px;background:#fff}.file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#fff0f2;color:var(--violet);font-size:10px;font-weight:800}.file-queue p,.download-list p{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;margin:0}.file-queue p b,.download-list p b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.file-queue p small,.download-list p small{color:#92969e;font-size:11px}.file-queue button{border:0;background:none;color:#9a9da4;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 4px 14px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:8px;font-size:12px;font-weight:bold}input,textarea,select{border:1px solid #dadddf;border-radius:8px;padding:12px;background:#fff;color:var(--ink)}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px;font-size:13px}.check input{width:17px;height:17px;padding:0}.send-email{padding:0 4px 12px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e8ea;padding:20px 4px 4px;gap:18px}.card-footer p{margin:0;color:#767b84;font-size:12px}.card-footer p span{color:var(--violet);font-weight:bold}.create-button{border:0;border-radius:7px;background:var(--ink);color:#fff;padding:14px 18px;font-weight:bold;cursor:pointer}.create-button:disabled{opacity:.6;cursor:wait}.create-button b{margin-left:12px}.form-error{margin:12px 4px;color:#a23a3a;font-size:13px}.request-hero{display:flex;align-items:center;gap:20px;padding:32px 30px;border-radius:16px;background:linear-gradient(120deg,#151a25,#222938);color:#fff}.request-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--violet);font-size:27px}.request-hero div{display:flex;flex-direction:column;gap:6px}.request-hero small{color:#bbc0c9}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(21,26,37,.72)}.success-card{width:min(560px,100%);border-radius:22px;background:#fff;padding:42px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.success-tick{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--violet);color:#fff;font-size:24px;margin-bottom:25px}.success-card h2{font-size:42px;letter-spacing:-.04em;margin:14px 0}.success-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.copy-row{display:flex;margin:26px 0 20px}.copy-row input{border-radius:9px 0 0 9px;background:#f5f5f3;flex:1}.copy-row button{border:0;padding:0 18px;border-radius:0 9px 9px 0;background:var(--ink);color:#fff;font-weight:bold}.success-card a{color:var(--violet);font-weight:bold;text-decoration:none}.text-button{display:block;border:0;background:none;color:#888d95;margin-top:26px;padding:0;text-decoration:underline;cursor:pointer}footer{width:min(1200px,90vw);margin:auto;padding:25px 0;display:flex;justify-content:space-between;color:#888d95;font-size:11px}.signin-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 70% 20%,rgba(241,68,97,.12),transparent 30%),#f6f5f2}.signin-card{width:min(720px,100%);padding:50px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(21,26,37,.08)}.signin-card .brand{margin-bottom:70px}.signin-card>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.6;max-width:520px;margin-bottom:32px}.login-form{display:grid;gap:17px;max-width:460px}.download-page,.client-upload-page{width:min(1040px,90vw);margin:0 auto;padding:70px 0;flex:1}.client-upload-page{width:min(900px,90vw)}.download-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px}.download-heading h1{margin-bottom:0}.download-heading dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d7d9dc;margin:0}.download-heading dl div{padding:20px 0}.download-heading dl div+div{padding-left:28px;border-left:1px solid #d7d9dc}.download-heading dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#898d94;margin-bottom:10px}.download-heading dd{font-size:15px;font-weight:bold;margin:0}.download-heading dd small{display:block;font-size:11px;color:#979ba2;font-weight:normal;margin-top:5px}.message-card{margin:55px 0 22px;background:linear-gradient(120deg,#151a25,#222938);color:#fff;border-radius:19px;padding:35px 40px}.message-card .eyebrow{color:#ff6b7d}.message-card blockquote{font-size:22px;line-height:1.5;max-width:750px;margin:18px 0 0}.files-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:28px 30px}.files-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e6e7e8}.files-header h2{font-size:22px;margin:0}.files-header p{color:#8a8e96;margin:5px 0 0;font-size:12px}.download-list{display:grid;gap:9px;padding-top:18px}.download-list>div{border:0;padding:10px}.download-list a{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#f1f1ef;color:var(--ink);font-size:20px;text-decoration:none}.expiry-note{text-align:center;color:#7c8189;font-size:12px;margin:22px 0 0}.expiry-note span{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #b7bac0;border-radius:50%;margin-right:7px}.client-upload-card{padding:14px}.client-success{padding:50px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px}.client-success>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:var(--violet);color:#fff;font-size:28px}.client-success h2{font-size:34px;margin:0 0 10px}.client-success p{color:var(--muted)}.back-link{color:var(--ink);font-size:13px;font-weight:bold;text-decoration:none}@media(max-width:700px){.brand img{width:132px;height:auto}.brand i,.user-pill b,.user-pill small{display:none}.mode-switch{margin-top:10px}.upload-page,.download-page,.client-upload-page{padding:48px 0}.form-grid,.download-heading{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.card-footer,footer{align-items:flex-start;flex-direction:column}.download-heading{gap:32px}.success-card,.signin-card{padding:30px}.message-card{margin-top:36px;padding:28px}.message-card blockquote{font-size:18px}.files-card{padding:20px}.topbar{padding:20px 0}}
