:root{--gold:#d8a93d;--bg:#070707;--card:#111;--line:#2d2d2d;--muted:#969696}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f5f3;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{height:82px;padding:0 6%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#070707ee;z-index:5}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.2em;font-weight:bold}.brand img{width:48px;height:48px;object-fit:cover}.brand b,small{color:var(--gold)}header nav{display:flex;gap:30px;margin:auto;font-size:13px;color:#bbb}.outline{border:1px solid #444;padding:13px 18px}.notice{position:fixed;top:95px;right:20px;background:#17311b;border:1px solid #3e7246;padding:14px;z-index:10}.hero{min-height:670px;padding:120px 7%;background:linear-gradient(90deg,#050505 35%,#08080899),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1600&q=90') center/cover}.hero h1{font-size:clamp(60px,8vw,110px);line-height:.9;margin:25px 0}.hero em{color:var(--gold);font-style:normal;font-weight:300}.hero p{color:#aaa;max-width:500px;line-height:1.8}.hero a,button{background:var(--gold);border:0;color:#090909;padding:14px 20px;font-weight:bold;cursor:pointer;display:inline-block}.section{padding:100px 6%}.section h2,.services h2{font-size:clamp(38px,5vw,62px);margin:15px 0 35px}.dark{background:#0e0e0e}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--card);border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:240px;object-fit:cover}.card>div{padding:22px}.card h3{font-size:21px}.card p{color:var(--muted);font-size:12px;line-height:1.7}.card b{color:var(--gold);display:block;margin:15px 0}.card a{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:5px}.services{padding:100px 7%;text-align:center}.services>div{display:grid;grid-template-columns:repeat(4,1fr)}.services article{border:1px solid var(--line);padding:35px}.auth{min-height:75vh;display:grid;place-items:center;padding:50px}.auth>div,.auth>form{width:min(850px,100%)}.forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth form,.adminforms form{background:#111;border:1px solid var(--line);padding:30px}.auth input,.adminforms input,.adminforms select,.adminforms textarea,.social textarea{width:100%;background:#080808;color:white;border:1px solid #444;padding:13px;margin:7px 0}.panel{display:grid;grid-template-columns:230px 1fr;min-height:80vh}.panel aside{background:#111;padding:30px;display:flex;flex-direction:column;gap:10px}.panel aside a{padding:12px;border-bottom:1px solid #292929}.panel aside form{margin-top:auto}.panel>section{padding:50px}.panel h1{font-size:45px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article{background:#111;border:1px solid var(--line);padding:22px}.stats b{font-size:30px;color:var(--gold);display:block}.stats span{color:#888;font-size:11px}.adminforms{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:25px 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:5px}.manage,.profile p{display:flex;justify-content:space-between;align-items:center;background:#111;border-bottom:1px solid #333;padding:13px}.manage button{background:#552020;color:white;padding:8px}.detail{max-width:950px;margin:auto;padding:60px}.detail>img{width:100%;max-height:520px;object-fit:cover}.detail h1{font-size:45px}.detail>p,.spec{color:#aaa;line-height:1.8}.social{margin-top:35px;border-top:1px solid #333;padding-top:25px}.social form{margin:12px 0}.comment{background:#111;border-left:2px solid var(--gold);padding:12px;margin:10px 0}.comment p{margin:6px 0;color:#aaa}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;justify-content:space-between;color:#888;font-size:12px}
@media(max-width:800px){header nav{display:none}.grid{grid-template-columns:1fr 1fr}.services>div,.stats{grid-template-columns:1fr 1fr}.panel{grid-template-columns:1fr}.panel aside{display:none}.adminforms,.forms{grid-template-columns:1fr}.panel>section{padding:30px 18px}}
@media(max-width:520px){.brand span{font-size:10px}.hero{min-height:560px}.hero h1{font-size:55px}.grid{grid-template-columns:1fr}.section{padding:70px 18px}.services>div,.stats,.twocol{grid-template-columns:1fr}.detail{padding:30px 18px}.detail h1{font-size:34px}}