/* MantaOps — Blue cyber theme */
:root{--bg:#071827;--panel:#0e2742;--card:rgba(15,42,74,.65);--line:#123a60;--text:#e6f7ff;--muted:#b6d7e5;--primary:#39d2ff;--accent:#6aa9ff;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35);}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:radial-gradient(1400px 900px at 8% 12%,#0a2747 0%,var(--bg) 55%) fixed;display:flex;flex-direction:column;min-height:100vh;}
header{position:sticky;top:0;z-index:50;background:linear-gradient(to bottom,rgba(7,24,39,.92),rgba(7,24,39,.65));backdrop-filter:blur(10px);border-bottom:1px solid #0f3555}
.nav{max-width:1200px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--primary)!important;text-decoration:none!important;font-size:1.1rem}
.brand:hover{text-decoration:none;color:var(--accent)}
.brand span {font-weight: 700;color: var(--primary);text-decoration: none;}
.brand a {display: flex;align-items: center;gap: 10px;text-decoration: none;color: inherit;}
.brand img{height:30px;width:auto;filter:drop-shadow(0 2px 6px rgba(57,210,255,.35));}
.links {position: relative;display: flex;list-style: none;margin: 0;padding: 0;}
.links a {position: relative;color: var(--text);text-decoration: none;padding: 8px 22px;border-radius: 12px;border: 1px solid transparent;transition: all .18s ease;}
.links a:hover {background: #0f2a4a;border-color: #153c61;box-shadow: inset 0 0 12px rgba(57,210,255,.18);}
.links a.active::after{left:0;width:100%}
.nav-underline {position: absolute;bottom: -18px;height: 3px;border-radius: 2px;background: var(--primary);transition: transform .35s ease, width .35s ease;}
.nav-underline.no-transition {transition: none !important;}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;color:#00101d;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:700;box-shadow:var(--shadow);border:0;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 24px rgba(57,210,255,.35)}
main{flex:1;display:flex;flex-direction:column;}
.container{max-width:1500px;margin:0 auto;padding:28px 18px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:linear-gradient(135deg,rgba(20,50,80,.7),rgba(10,30,55,.65));border:1px solid #123a60;border-radius:24px;padding:38px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden;}
.hero:hover{transform:translateY(-2px);border-color:#1c5c8f;box-shadow:0 20px 45px rgba(0,0,0,.45)}
.hero h2{font-size:clamp(1.8rem,1.2rem + 2.5vw,3rem);margin:0 0 10px}
.kicker{color:var(--muted);margin-bottom:18px}
.hero .art{border:1px solid #153c61;border-radius:20px;padding:20px;text-align:center}
.hero .art img{max-width:300px;width:100%;filter:drop-shadow(0 0 26px rgba(57,210,255,.35))}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.row{display:flex;gap:18px;flex-wrap:wrap}
.card {background: var(--card);border: 1px solid #123a60;border-radius: var(--radius);padding: 18px;backdrop-filter: blur(6px);box-shadow: var(--shadow);transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
.card .preview{margin:auto;}
.card:hover{transform:translateY(-4px);border-color:#2b79b8;box-shadow:0 14px 40px rgba(57,210,255,.18),var(--shadow)}
.card h3{margin:0 0 8px;text-decoration:none;display: flex;align-items: center;gap: 8px;}
.card p{margin:0 0 10px;color:var(--muted)}
.card a{color:var(--primary)}
.card-link{flex:1 1 calc(25% - 16px);text-decoration:none;color:inherit;}
.card-link h3,.card-link p{color:inherit;}
.card-link .card{transition:transform .2s ease,box-shadow .2s ease;cursor:alias;}
.card-link .card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,162,255,.4);}
.card::before,.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px 250px at var(--mx,50%) var(--my,50%), rgba(57,210,255,.16), transparent 60%);opacity:0;transition:opacity .25s ease;border-radius:inherit;}
.card:hover::before,.hero:hover::before{opacity:1}
.logo-icon {width: 28px;height: 28px;object-fit: contain;margin-right: 8px;vertical-align: middle;filter: drop-shadow(0 0 6px rgb(0 220 255 / 55%)) drop-shadow(0 0 2px rgb(0 208 255 / 90%));}
.contact-wrapper{display:flex;gap:32px;align-items:flex-start;justify-content:center;}
.contact-card{flex:0 0 280px;text-align:center;padding:28px;align-self:center}
.contact-card p {margin-bottom: 16px;}
.contact-card .btn{color:#00101d}
.contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:4px}
.contacts .card{flex:unset;max-width:none}
.about .card{margin:10px;padding-left:50px;}
.about h2{text-align: center;}
.preview {margin: 0 0 12px;border-radius: 14px;overflow: hidden;height: 300px;width: 300px;background: #0d223b;display: flex;align-items: center;justify-content: center;}
.preview img {width: 100%;height: auto;object-fit: cover;transition: transform .3s ease}
.card-link:hover .preview img{transform:scale(1.075)}
.card:hover .preview img{transform:none}
.table{width:100%;border-collapse:collapse;border:1px solid #123a60;border-radius:14px;overflow:hidden;background:rgba(10,30,55,.55)}
.table th,.table td{padding:10px 12px;border-bottom:1px solid #123a60;text-align:left}
.table th{background:#0f2a4a;color:#cfefff}
.empty{opacity:.75;padding:20px 10px}
footer{margin-top:auto;border-top:1px solid #0f3555;background:linear-gradient(to top,rgba(7,24,39,.92),rgba(7,24,39,.65))}
footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px}