:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c11;--panel:#121821;--line:#283244;--muted:#9baac0;--blue:#3475f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#f5f7fb;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.65}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 max(5vw,20px);display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;font-size:23.75px;font-weight:900}.brand span,.eyebrow,em{color:#6198ff}.header nav{align-items:center;gap:24px;font-size:17.5px;display:flex}.user{color:var(--muted)}.hero{background:radial-gradient(at 78% 35%,#1c3554 0,#111b2a 33%,#0b0f16 75%);justify-content:space-between;align-items:center;gap:32px;min-height:470px;padding:70px max(6vw,24px);display:flex}.eyebrow{letter-spacing:2px;font-size:13.75px;font-weight:800}.hero h1{letter-spacing:-2.8px;margin:20px 0;font-size:clamp(38px,5.4vw,76px);line-height:1.02}.hero h1 em{font-style:normal}.hero p{max-width:540px;margin-bottom:30px;font-size:22.5px}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;padding:16px 22px;font-size:17.5px;font-weight:700;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.hero-badge{text-align:center;background:#172538;border:1px solid #46638e;border-radius:22px;min-width:260px;padding:32px;transform:rotate(-4deg)}.hero-badge>*{display:block}.hero-badge small{letter-spacing:1px;color:#a6bedc}.hero-badge strong{color:#77a5ff;margin:10px 0;font-size:50px}.hero-badge span{color:#dce8fa}.section{max-width:1320px;margin:auto;padding:70px 24px}.section-title,.row{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-title h2{letter-spacing:-1px;font-size:40px}.section-title>span,small{color:var(--muted)}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.card:hover{border-color:#548cff}.card-image,.detail-image{color:#7793b8;letter-spacing:3px;background:linear-gradient(135deg,#253850,#121821);place-items:center;height:245px;font-size:16.25px;font-weight:700;display:grid;position:relative}.card-image img,.detail-image img,.detail-image video{object-fit:cover;width:100%;height:100%}.card-image b{color:#77dcb0;letter-spacing:.5px;background:#101823;border-radius:6px;padding:9px;font-size:12.5px;position:absolute;top:15px;left:15px}.card-body{padding:22px}.card-body small{color:#76a5ff;letter-spacing:1px;font-size:12.5px}.card h3{margin:12px 0 2px;font-size:26.25px}.progress{background:#273142;border-radius:6px;height:6px;margin:20px 0 12px;overflow:hidden}.progress i{background:var(--blue);height:100%;display:block}.row{font-size:16.25px}.full{width:100%;margin-top:20px}.detail{grid-template-columns:1fr 1fr;gap:30px;display:grid}.detail-image{border-radius:14px;height:440px;overflow:hidden}.panel{padding:26px}.panel h1{font-size:45px}.panel h2 small{font-size:16.25px}.panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.auth{max-width:470px;margin:70px auto}.auth a,.admin-list a,#formular>a{color:#76a5ff}.auth form,.form-grid{gap:17px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.wide{grid-column:1/-1}label{color:#c9d4e4;gap:8px;font-size:16.25px;font-weight:700;display:grid}input,textarea,select{color:#fff;width:100%;font:inherit;background:#0d121a;border:1px solid #354154;border-radius:7px;padding:13px}input:focus,textarea:focus,select:focus{outline:2px solid #6396ff}.error{color:#ff9494}.admin-list{gap:12px;margin:30px 0;display:grid}.admin-list h3{margin:8px 0}.admin-list p{margin:0}footer{border-top:1px solid var(--line);text-align:center;color:#8190a5;padding:30px;font-size:15px}@media (max-width:700px){.header{flex-wrap:wrap;height:auto;min-height:68px;padding:18px 20px}.header nav{gap:14px}.header .user{display:none}.hero{padding:55px 20px;display:block}.hero h1{letter-spacing:-1.5px}.hero-badge{max-width:260px;margin:35px 0 0;padding:20px}.hero-badge strong{font-size:40px}.section{padding:50px 18px}.cards,.detail{grid-template-columns:1fr}.detail-image{height:280px}.auth{margin:35px 16px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-title h2{font-size:33.75px}}
