:root{color-scheme:dark;font-family:Arial,sans-serif;background:#15110e;color:#f1e5da}*{box-sizing:border-box}body{margin:0}header{padding:25px 6%;border-bottom:1px solid #453224;display:flex;gap:30px;align-items:center}header strong{font-size:28px;color:#ff853e}header span{font-size:11px;color:#baa590;letter-spacing:2px}main{max-width:1200px;margin:50px auto;padding:0 25px}h1{font-size:32px;margin:0 0 12px}h2{font-size:18px}p{color:#bbaa99;line-height:1.6;font-size:14px}#login{max-width:430px;margin:auto}form{display:grid;gap:18px;margin-top:30px}label{display:grid;gap:10px}input,button{border-radius:8px;padding:13px;border:1px solid #624530;font:inherit}input{background:#211810;color:#fff}button{background:#ef762b;color:#140d07;cursor:pointer;font-weight:bold}#error{color:#ff9191}.heading{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:30px 0}article{padding:22px;background:#201914;border:1px solid #453224;border-radius:12px}#camera{width:100%;max-height:480px;background:black}.face{background:black;min-height:100px;display:grid;place-items:center}#display{width:66px;height:66px;object-fit:contain}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}header span{display:none}}