:root {
  color-scheme: dark;
  --bg: #0c1119;
  --bg-deep: #090e15;
  --white: #f2f3f5;
  --muted: #91a0ae;
  --amber: #edb667;
  --mint: #b8ddbb;
  --stroke: rgba(255,255,255,.105);
}
*,*::before,*::after {box-sizing: border-box}
html {min-width: 320px; scroll-behavior: smooth}
body {margin:0; min-height:100vh; color:var(--white); background:var(--bg); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased}
body::before {content:""; pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse 55% 70% at 8% 4%,rgba(39,58,78,.32),transparent 78%),radial-gradient(ellipse 40% 60% at 80% 60%,rgba(34,51,60,.18),transparent 85%)}
button,input {font:inherit}
button {cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible {outline:2px solid var(--amber);outline-offset:4px}
a {text-decoration:none;color:inherit}
.page-shell {position:relative;width:min(1440px,100%);min-height:100dvh;margin:auto;padding:0 clamp(24px,5.2vw,88px);display:flex;flex-direction:column}
.site-header {display:flex;justify-content:space-between;align-items:center;min-height:112px;border-bottom:1px solid var(--stroke)}
.brand {display:inline-flex;align-items:center;gap:13px;font-size:22px;letter-spacing:-.065em;font-weight:740;line-height:1}
.brand-hyphen {color:var(--amber)}
.brand-mark {display:flex;gap:4px;padding:9px 8px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:linear-gradient(130deg,rgba(255,255,255,.12),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.07)}
.brand-mark i {width:6px;height:6px;border-radius:50%;background:#784649;box-shadow:inset 0 1px 1px rgba(0,0,0,.65)}
.brand-mark i:nth-child(2) {background:#e3ac61;box-shadow:0 0 10px #e7aa5a70,0 0 1px 1px #e5aa62}
.brand-mark i:nth-child(3) {background:#46655d}
.header-right {display:flex;gap:34px;align-items:center}
.header-status {font-size:12px;letter-spacing:.04em;color:#aab4bd;display:flex;align-items:center;gap:10px}
.status-dot {width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(237,182,103,.1)}
.admin-link {display:flex;align-items:center;gap:10px;padding:11px 18px;background:none;color:#e6e9ee;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:13px;transition:background .2s,border-color .2s}
.admin-link:hover {background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.main-content {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:min(5vw,80px);align-items:center;flex:1;padding-block:64px 66px}
.hero {position:relative;z-index:1;padding:25px 0 30px}
.hero-topline {display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.21em;color:var(--amber)}
.eyebrow-index {color:#697c8a;font-weight:550}
.line-dash {height:1px;width:43px;background:rgba(237,182,103,.42);margin-left:11px}
h1 {font-size:clamp(78px,8.9vw,143px);margin:26px 0 26px;letter-spacing:-.104em;font-weight:760;line-height:.92;white-space:nowrap}
h1 .hyphen {color:#d9a967} h1 .word-second {color:#f5f5f1} h1 .title-dot {color:var(--amber)}
.hero-divider {height:1px;width:min(100%,540px);background:linear-gradient(90deg,rgba(255,255,255,.32),transparent)}
.hero-label {margin:31px 0 8px;font-size:13px;font-weight:550;color:var(--amber);letter-spacing:.02em}
h2 {margin:0;font-size:clamp(37px,3.6vw,56px);font-weight:590;line-height:1.19;letter-spacing:-.055em}
h2 em {font-style:normal;color:#b6c4c8}
.hero-copy {font-size:15px;line-height:1.85;color:var(--muted);margin:21px 0 36px}
.hero-pulse {display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;color:#aebbc3;font-weight:700}
.pulse-icon {display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(237,182,103,.35);border-radius:50%}
.pulse-icon span {width:6px;height:6px;background:var(--amber);border-radius:50%;box-shadow:0 0 12px rgba(237,182,103,.7);animation:glow 2.8s ease-in-out infinite}
@keyframes glow {50%{opacity:.4;transform:scale(.82)}}
.art-panel {position:relative;min-height:525px;align-self:stretch;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate}
.art-grid {position:absolute;inset:10% 0;background-image:linear-gradient(rgba(255,255,255,.033) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.033) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 18%,transparent 72%);z-index:-1}
.art-halo {position:absolute;width:480px;height:480px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(205,147,73,.13),rgba(205,147,73,.05) 30%,transparent 67%);filter:blur(20px);z-index:-1}
.light-box {position:relative;transform:rotate(-8deg);width:168px;padding:25px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(122deg,#2b323b 0%,#151d27 27%,#101720 72%,#303942 100%);border-radius:46px;border:2px solid #3b454d;box-shadow: 16px 26px 55px rgba(0,0,0,.55),inset 5px 2px 12px rgba(255,255,255,.07),inset -8px 0 20px rgba(0,0,0,.58),0 0 0 7px rgba(255,255,255,.014)}
.light-box::before {content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.08);border-radius:35px;pointer-events:none}
.light {position:relative;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#080d12;box-shadow:inset 4px 5px 15px #000,0 1px 0 rgba(255,255,255,.15);border:5px solid #151b22;}
.light-inner {width:100%;height:100%;border-radius:50%;display:block}
.light.red .light-inner {background:radial-gradient(circle at 37% 28%,#613b3d,#432a2b 48%,#160f13 80%);box-shadow:inset 0 0 20px #180f12}
.light.green .light-inner {background:radial-gradient(circle at 35% 30%,#3f6960,#2a4f48 48%,#11201f 81%);box-shadow:inset 0 0 20px #0d1816}
.light.amber .light-inner {background:radial-gradient(circle at 40% 31%,#fff5c3 0%,#fbe0a3 23%,#e8ac61 53%,#a26333 84%);box-shadow:inset 0 0 21px rgba(255,246,188,.65),0 0 37px rgba(237,175,95,.85),0 0 94px rgba(237,175,95,.38)}
.light.amber::after {content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,246,202,.5)}
.light-brand {font-size:9px;font-weight:800;letter-spacing:.2em;color:#8e9699;margin:9px 0 2px}.light-brand span{color:var(--amber)}
.art-legend {position:absolute;bottom:27px;right:20px;display:flex;flex-direction:column;gap:7px;text-align:right;font-size:10px;letter-spacing:.16em;color:#667884}
.art-legend span:first-child {color:#9daeba}
.art-corner {position:absolute;width:29px;height:29px;border-color:rgba(255,255,255,.13);border-style:solid}
.art-corner-tl{left:32px;top:25px;border-width:1px 0 0 1px}.art-corner-br{right:15px;bottom:14px;border-width:0 1px 1px 0}
.site-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;border-top:1px solid var(--stroke);font-size:12px;color:#7d8d9b}
.site-footer > span:nth-child(2) {font-size:11px;letter-spacing:.02em}
.footer-admin {padding:7px 0;color:#95a8b4;background:none;border:0;font-size:12px;transition:color .2s}.footer-admin:hover {color:var(--white)}.footer-admin span{padding-left:7px;color:var(--amber)}
/* Форма входа: пользовательский интерфейс-заглушка, без сетевых запросов. */
.login-dialog {border:1px solid rgba(255,255,255,.14);border-radius:19px;padding:0;background:#151d27;color:var(--white);width:min(428px,calc(100vw - 32px));box-shadow:0 38px 130px #000b;max-height:min(94vh,680px)}
.login-dialog::backdrop{background:rgba(4,9,14,.77);backdrop-filter:blur(9px)}
.login-dialog[open]{animation:dialog-in .2s ease-out}
@keyframes dialog-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.dialog-inner{padding:38px;position:relative}.dialog-close {position:absolute;top:21px;right:21px;width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a5b0bb}.dialog-close:hover{color:white;background:rgba(255,255,255,.1)}
.dialog-emblem {display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(237,182,103,.35);background:rgba(237,182,103,.08);color:var(--amber);border-radius:12px}
.dialog-eyebrow{font-size:10px;color:var(--amber);font-weight:700;letter-spacing:.17em;margin:25px 0 9px}
.dialog-inner h2{font-size:32px;font-weight:670;letter-spacing:-.045em;line-height:1.2}.dialog-subtitle{color:#95a5b1;margin:9px 0 25px;font-size:13px}
#login-form {display:flex;flex-direction:column;gap:10px}#login-form label{font-size:12px;color:#cbd4db;font-weight:600;margin-top:6px}
#login-form input {outline:none;color:white;width:100%;height:49px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0c131c;font-size:14px;transition:border-color .2s;appearance:none}
#login-form input::placeholder {color:#687989}#login-form input:focus{border-color:#d1a467}
.password-control{position:relative}.password-control input{padding-right:49px!important}.show-password{position:absolute;right:6px;top:6px;width:37px;height:37px;display:grid;place-items:center;color:#94a1ad;background:none;border:0;border-radius:6px}.show-password:hover{color:white}
.sign-in{height:50px;margin-top:11px;border-radius:8px;background:#e9b674;border:1px solid #f3c791;color:#1a1c1d;font-size:14px;font-weight:720;display:flex;align-items:center;justify-content:center;gap:17px;transition:background .15s,transform .15s}.sign-in:hover{background:#f2c78e;transform:translateY(-1px)}
.form-message{font-size:12px;color:#efba8d;line-height:1.5;margin:0;min-height:0}.form-message:not(:empty){background:rgba(232,175,108,.09);padding:12px;border:1px solid rgba(232,175,108,.18);border-radius:7px;margin-top:4px}
.dialog-footer{border-top:1px solid var(--stroke);font-size:11px;color:#8191a0;text-align:center;padding-top:22px;margin:25px 0 0}.dialog-footer-dot{font-size:7px;color:var(--amber);vertical-align:2px;margin:0 8px}
@media (max-width: 1020px) { .main-content{grid-template-columns:minmax(0,1fr) 310px;gap:12px}h1{font-size:clamp(76px,10.1vw,108px)}.art-panel{min-height:480px}.art-legend{display:none}}
@media (max-width: 780px) {.page-shell{padding-inline:25px}.site-header{min-height:81px}.header-status{display:none}.header-right{gap:0}.main-content{grid-template-columns:1fr;gap:0;padding-block:60px 35px}.hero{padding:0}.hero-topline{font-size:10px}h1{font-size:clamp(73px,13.2vw,120px);margin:30px 0 30px}.hero-label{margin-top:28px}h2{font-size:clamp(35px,6.6vw,49px)}.hero-copy{font-size:14px}.art-panel{grid-template-rows:minmax(0,1fr);min-height:320px;max-height:320px;border-left:0;border-top:1px solid rgba(255,255,255,.06);margin-top:15px}.light-box{transform:rotate(-8deg) scale(.63)}.art-legend{display:flex;bottom:16px;right:15px;font-size:9px}.art-corner-tl{left:10px;top:15px}.site-footer{min-height:83px}.site-footer>span:nth-child(2){display:none}}
@media (max-width: 460px){.page-shell{padding-inline:20px}.brand{font-size:20px}.admin-link{padding:10px 12px;font-size:12px}.main-content{padding-top:64px}.hero-topline{letter-spacing:.15em}h1{font-size:clamp(69px,15.7vw,86px);margin:29px 0 30px}.hero-copy br{display:none}.hero-copy{max-width:300px}.art-panel{min-height:290px;max-height:290px}.light-box{transform:rotate(-8deg) scale(.55)}.art-legend{font-size:8px}.site-footer{gap:10px;font-size:11px}.footer-admin{font-size:11px}.dialog-inner{padding:27px 23px}.dialog-inner h2{font-size:28px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media (max-width: 360px){h1{font-size:clamp(58px,17.2vw,69px)}.hero-topline{letter-spacing:.12em}.brand{font-size:18px}.admin-link{padding:9px 10px}}