:root{color-scheme:dark;--bg:#080b10;--panel:#111722;--text:#f3f7fb;--muted:#a6b2c1;--line:#243044;--accent:#44d7a8;--accent2:#69a7ff;--danger:#ff6b6b}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#080b10;color:var(--text);letter-spacing:0}
a{color:inherit}.shell{width:min(1120px,100%);margin:0 auto;padding:24px}
.hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center;gap:22px;position:relative}
.hero-photo{min-height:78vh;padding:44px 0;isolation:isolate}
.hero-photo:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-2;background:url("/static/hero-stopurban.jpg") center/cover no-repeat}
.hero-photo:after{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(90deg,rgba(8,11,16,.96),rgba(8,11,16,.78) 42%,rgba(8,11,16,.28)),linear-gradient(0deg,rgba(8,11,16,.88),rgba(8,11,16,.08) 45%,rgba(8,11,16,.92))}
.hero.compact{min-height:auto;padding:44px 0}.brand,.status{color:var(--accent);font-weight:800;text-transform:uppercase}.status{width:max-content;padding:8px 12px;border:1px solid var(--line);border-radius:8px}.status.expired,.status.disabled{color:var(--danger)}
h1{font-size:clamp(38px,7vw,78px);line-height:1;margin:0;max-width:920px}h2{font-size:26px;margin:0 0 12px}p{color:var(--muted);font-size:18px;line-height:1.55;max-width:820px}
.trial-form,.email-gate{display:grid;grid-template-columns:1fr auto;gap:12px;max-width:680px}.trial-form.ready{display:block;max-width:320px}
.email-gate input,.trial-form input,.admin input,.admin select,.admin-login input{height:52px;border:1px solid var(--line);background:#0d121b;color:var(--text);border-radius:8px;padding:0 14px;font-size:16px}.hp{position:absolute;left:-9999px}
.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:8px;padding:0 20px;background:var(--accent);color:#04110d;font-weight:800;text-decoration:none;cursor:pointer;font-size:16px}.button.secondary,button.secondary{background:#172235;color:var(--text);border:1px solid var(--line)}
.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(68,215,168,.46)}50%{box-shadow:0 0 0 10px rgba(68,215,168,0)}}
.cta-row,.actions{display:flex;flex-wrap:wrap;gap:12px}.section,.notice{padding:28px 0;border-top:1px solid var(--line)}.notice{font-size:18px;color:#dce7f1}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.step-grid div{border:1px solid var(--line);border-radius:8px;background:rgba(17,23,34,.82);padding:18px}.step-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#04110d;font-weight:900;margin-bottom:12px}.step-grid strong{display:block;font-size:18px}.step-grid p{font-size:15px;margin:8px 0 0}
.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.download{padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(17,23,34,.8);text-decoration:none;font-weight:700}.download.recommended{outline:2px solid var(--accent)}
.hint{font-size:15px}.qr{width:220px;max-width:100%;border-radius:8px;background:white;padding:8px}.sub-url{display:block;overflow-wrap:anywhere;background:#0d121b;border:1px solid var(--line);padding:14px;border-radius:8px;margin-top:12px}
.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:12px}.error{color:var(--danger)}.admin{padding:24px}.admin-head,.filters{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cards,.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.cards div,.event-grid div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.cards strong,.event-grid strong{display:block;font-size:28px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}td form{display:inline-flex;gap:6px;margin:2px}
@media(max-width:720px){.shell{padding:18px}.hero{min-height:auto;padding:48px 0}.hero-photo:before{background-position:62% center}.hero-photo:after{background:linear-gradient(90deg,rgba(8,11,16,.94),rgba(8,11,16,.72)),linear-gradient(0deg,rgba(8,11,16,.9),rgba(8,11,16,.16) 48%,rgba(8,11,16,.88))}.trial-form,.email-gate{grid-template-columns:1fr}.cta-row .button,.actions .button,.trial-form button,.email-gate button{width:100%}h1{font-size:42px}}
