:root{
  --bg:#050505;--panel:#0d0d0d;--text:#fffdf7;
  --muted:rgba(255,253,247,.73);--soft:rgba(255,253,247,.48);
  --line:rgba(255,253,247,.17);--strong:rgba(255,253,247,.36);
  --font:Inter,"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;
  --classic:Georgia,"Times New Roman",serif
}
*{box-sizing:border-box}html,body{min-height:100%}
body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.055),transparent 32%),#050505;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 40px));margin:auto;min-height:100vh;display:flex;flex-direction:column}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:34px 0 24px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;letter-spacing:.27em;font-size:18px}.subbrand{margin-top:7px;color:var(--soft);font-size:10px;letter-spacing:.22em}
.logout{font-size:11px;letter-spacing:.15em;color:var(--muted);border:1px solid var(--line);padding:10px 13px}
.hero{padding:72px 0 34px}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--soft);margin-bottom:14px}
h1{font-family:var(--classic);font-weight:400;font-size:clamp(44px,7vw,80px);line-height:.98;margin:0}
.lead{max-width:780px;color:var(--muted);line-height:1.75;font-size:15px;margin:27px 0 0}.lead.compact{margin-top:18px}
.panel{background:rgba(12,12,12,.9);border:1px solid var(--line);padding:clamp(22px,4vw,44px)}
.dropzone{display:flex;min-height:270px;border:1px dashed var(--strong);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px;cursor:pointer;transition:.2s}
.dropzone:hover,.dropzone.drag{background:rgba(255,255,255,.028);border-color:rgba(255,253,247,.58)}
.dropzone input{display:none}.drop-title{font-size:15px;letter-spacing:.14em}.drop-sub{color:var(--soft);font-size:13px;margin-top:12px}
.file-list{margin-top:21px;color:var(--muted);font-size:12px;line-height:1.7;max-width:100%;word-break:break-word}
.meta-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}
.label{display:block;font-size:10px;letter-spacing:.21em;color:var(--soft);margin-bottom:8px}.meta-row strong{font-weight:500}
.quality-badge{font-size:9px;letter-spacing:.18em;border:1px solid var(--line);padding:10px 12px;color:var(--soft)}
.archive-section{padding:27px 0}.archive-note{font-size:12px;color:var(--soft);margin:0 0 18px;line-height:1.6}
.folder-checks{display:flex;flex-wrap:wrap;gap:10px}.folder-check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:11px 14px;cursor:pointer;font-size:13px;color:var(--muted)}
.folder-check:hover{border-color:var(--strong);color:var(--text)}.folder-check input{width:16px;height:16px;accent-color:white}
.master-folder{border-color:rgba(255,253,247,.42);color:var(--text)}
.new-folder{display:flex;gap:10px;margin-top:18px}.new-folder input,.login-form input{flex:1;background:#050505;border:1px solid var(--line);color:var(--text);padding:14px 15px;outline:none}
.new-folder input:focus,.login-form input:focus{border-color:var(--strong)}button{border:1px solid rgba(255,253,247,.55);background:var(--text);color:#050505;padding:14px 18px;font-weight:700;letter-spacing:.11em;cursor:pointer}
.new-folder button{min-width:205px}.primary{width:100%;padding:18px 20px}.primary:disabled,button:disabled{opacity:.48;cursor:wait}
.folder-message{min-height:18px;margin-top:10px;font-size:12px;color:var(--soft)}
.status{margin-top:20px}.result{border-top:1px solid var(--line);padding:17px 0;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.result.ok strong{color:var(--text)}.result.error{color:#ffb8b8}.download{border:1px solid var(--strong);padding:9px 12px;color:var(--text);white-space:nowrap}
.alert{border:1px solid var(--line);padding:13px 15px;margin-bottom:20px;font-size:13px}.alert.error{color:#ffb8b8}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.info-grid>div{background:#090909;padding:25px}
.info-grid p{color:var(--muted);font-size:12px;line-height:1.65;margin:12px 0 0}.num{font-family:var(--classic);font-size:26px;color:var(--soft)}
footer{padding:40px 0;color:var(--soft);font-size:10px;letter-spacing:.09em;margin-top:auto}.login-shell{justify-content:center;max-width:680px}.login-shell>.brand{margin-bottom:25px}
.login-panel h1{font-size:54px}.login-form{display:flex;gap:10px;margin-top:25px}.login-form button{width:130px}
@media(max-width:720px){.hero{padding-top:48px}.info-grid{grid-template-columns:1fr}.meta-row{align-items:flex-start;flex-direction:column}.new-folder,.login-form{flex-direction:column}.new-folder button,.login-form button{width:100%}.result{align-items:flex-start;flex-direction:column}}

/* DIGIVARIUS Studio v5.2 — login alignment refinement */
.login-shell{
  padding-top:12px;
}

.login-shell > .login-brand{
  margin-left:clamp(22px,4vw,44px);
  margin-bottom:29px;
  letter-spacing:.27em;
}