*{box-sizing:border-box}
:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7ead2;background:#0e0a07}
body{margin:0;background:radial-gradient(circle at 50% -10%,#5d3b18 0,#1b1109 32%,#0e0a07 68%);min-height:100vh}
main{width:min(1180px,92vw);margin:auto;padding:56px 0}
.junak{max-width:800px}.nadnaslov{letter-spacing:.18em;font-size:.75rem;opacity:.62}
h1{font-size:clamp(3.2rem,9vw,7rem);line-height:.9;margin:.22em 0}
.junak>p:last-child{font-size:1.08rem;max-width:680px;opacity:.82}
.orodna{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:38px 0 12px}
input,select{padding:13px 14px;border:1px solid #d4ad673b;background:#17100bd9;color:#fff5e5;border-radius:10px;font:inherit}
.stanje{opacity:.65}.mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.kartica{padding:18px;border:1px solid #d4ad672d;background:#181008cc;border-radius:16px;min-height:155px}
.kartica h2{margin:.25rem 0 .6rem;font-size:1.1rem}.kartica p{opacity:.78}.meta{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
.poglobitev{margin-top:8px;opacity:1!important}.poglobitev a{color:#e8bd6f;font-weight:700;text-decoration:none;font-size:.85rem}.poglobitev a:hover{text-decoration:underline}
.znak{font-size:3rem;line-height:1.1}.opomba{margin-top:32px;border-top:1px solid #d4ad672b;padding-top:20px;max-width:850px}.opomba h2{font-size:1rem}
@media(max-width:650px){.orodna{grid-template-columns:1fr}main{padding-top:34px}}