/* DoJ V7 — presentation only. Server, API and database untouched. */
:root{--gold:#e5c47f;--gold-strong:#f3d89c;--ink:#070809;--ink-soft:#111214;--stroke:#403829;--paper:#f6f0e4;--muted:#c0b7a9}
body{background:#08090a!important;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
header{background:rgba(8,9,10,.94)!important;border-bottom:1px solid #51452f!important}
header .top{min-height:96px}.brand{gap:16px;letter-spacing:.12em}.brand small{letter-spacing:.27em;font-weight:500}
.seal.doj-brand-image{width:66px;height:66px;border:1px solid #d3ae68;box-shadow:0 0 0 4px #d7b6710e,0 10px 35px #0008}
header nav a{padding:9px 2px;position:relative;font-weight:600;font-size:12px;letter-spacing:.04em}
header nav a:after{content:"";position:absolute;bottom:3px;left:0;right:100%;height:1px;background:var(--gold);transition:right .25s}
header nav a:hover:after{right:0}
.hero{min-height:720px;display:grid;align-items:center;padding:90px 0 100px!important;background:radial-gradient(ellipse at 50% 16%,#4b3619 0%,#241b12 24%,#0b0b0d 65%,#070809 100%)!important}
.hero:before{background:radial-gradient(circle at 50% 35%,transparent 0 180px,#d8b66b0a 181px 182px,transparent 183px 245px,#d8b66b09 246px 247px,transparent 248px),repeating-linear-gradient(90deg,transparent 0 99px,#ffffff03 100px)!important}
.hero-seal{width:clamp(155px,18vw,220px);height:clamp(155px,18vw,220px);border:1px solid #d6b46d;box-shadow:0 0 0 10px #d9b46b0b,0 0 0 22px #d9b46b06,0 0 100px #d4a64c38}
.hero .eyebrow{margin-top:32px;font-size:11px!important}.eyebrow-divider{color:#8b7756;margin:0 12px}
.hero h1{font-size:clamp(44px,6.2vw,88px)!important;line-height:1.07!important;letter-spacing:-.045em!important;margin:24px auto 24px!important}
.hero h1 em{font-style:normal;background:linear-gradient(115deg,#b38a45,#ffe6ac,#c79c55);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{max-width:680px;color:#d3c8b6!important;font-size:18px!important}
.hero-rule{height:1px;width:100px;background:linear-gradient(90deg,transparent,#e4be74,transparent);margin:42px auto 0}
.hero-meta{margin-top:26px!important}.hero-meta span{color:#cbbd9f}
.btn,button,.button{border-radius:7px!important;letter-spacing:.025em!important}
.btn{padding:15px 28px!important}.btn.secondary{background:#141312d9!important}
.section{padding:100px 0!important}.section h2{font-size:clamp(31px,4vw,48px)!important;line-height:1.15!important}
.section .eyebrow{margin-bottom:14px}.section .intro{font-size:16px;line-height:1.8}
.grid{gap:22px}.card{padding:30px!important;border-radius:14px!important;background:linear-gradient(160deg,#1e1b17,#111214 72%)!important}
.card h3{font-size:25px!important}.card .symbol{font-size:34px}
#login{position:relative;background:radial-gradient(circle at 85% 35%,#3a2b17 0%,#151313 39%,#090a0b 74%)!important}
#login .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,540px);column-gap:5vw;align-items:center}
#login .wrap>.eyebrow,#login .wrap>h2,#login .wrap>.intro,#login .wrap>p{grid-column:1}
#login .form{grid-column:2;grid-row:1/span 5;width:100%;max-width:unset;padding:42px!important;box-shadow:0 28px 80px #0009!important}
#login .wrap:after{right:auto;left:8%;top:220px;opacity:.11;max-width:220px}
#login .form:before{content:"SECURE ACCESS / DOJ";display:block;font-size:11px;letter-spacing:.22em;color:#e8c781;margin-bottom:26px}
#login .form button{width:100%;padding:15px}
body:has(.content) header{border-bottom:1px solid #51442d!important}
body:has(.content) main{grid-template-columns:280px minmax(0,1fr)!important}
body:has(.content) aside{background:linear-gradient(180deg,#191612,#0b0c0e 83%)!important;padding:34px 22px!important}
body:has(.content) aside nav button{font-size:13px!important;font-weight:600!important;padding:15px!important}
body:has(.content) .content{background:radial-gradient(ellipse at 85% 0%,#2d2416 0%,#101113 44%,#0b0c0e 100%)!important;padding:clamp(24px,4vw,55px)!important}
.admin-page-eyebrow{font-size:10px;letter-spacing:.25em;color:#bfa16a;margin:0 0 12px;font-weight:700}
.content>h2{font-size:clamp(32px,3.4vw,46px)!important;margin-bottom:30px!important}
.content .cards{gap:20px}.content .card,.content .panel{border-radius:14px!important;padding:25px!important}
.content .card strong{font-size:40px!important}
.content .scroll{border-radius:12px!important}
.content input:focus,.content select:focus,.content textarea:focus{outline:2px solid #e4c47f!important;outline-offset:1px}
@media(max-width:1050px){#login .wrap{display:block}#login .form{margin-top:30px;max-width:650px}#login .wrap:after{right:5%;left:auto;top:20px;opacity:.08}}
@media(max-width:850px){.hero{min-height:unset;padding:75px 0!important}body:has(.content) main{grid-template-columns:1fr!important}}
@media(max-width:540px){.hero h1{font-size:42px!important}.hero-seal{width:150px;height:150px}.section{padding:66px 0!important}.hero-meta{gap:10px}#login .form{padding:25px!important}.brand{gap:10px}.seal.doj-brand-image{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}