:root{--bg: #0b0f14;--panel: #121821;--panel-2: #0f141b;--text: #e6edf3;--muted: #9fb0c0;--border: #243041;--accent: #6aa9ff;--accent-hover: #8abbff;--max-width: 1100px;--radius: 16px}*{box-sizing:border-box}html{font-family:Segoe UI,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:radial-gradient(circle at top left,rgba(106,169,255,.08),transparent 30%),linear-gradient(to bottom,#0b0f14,#0a0e13);min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#0b0f14bf;border-bottom:1px solid rgba(255,255,255,.06)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{display:inline-flex;align-items:center;color:var(--text)}.brand-logo{height:74px;width:auto;display:block;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.brand:hover .brand-logo{transform:translateY(-1px);filter:drop-shadow(0 0 10px rgba(0,200,255,.35));opacity:1}.site-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px}.nav{display:flex;gap:24px}.nav a{color:var(--muted);font-weight:500}main{flex:1;padding:48px 0 64px}.hero{padding:40px 0 24px}.hero h1{font-size:3.5rem;line-height:1.05;margin:0 0 18px}.hero-text{max-width:760px;font-size:1.1rem;line-height:1.8;color:var(--muted);margin:0;font-family:Orbitron,sans-serif}.section-title{font-size:2rem;margin:0 0 16px}.section-text{color:var(--muted);line-height:1.7;max-width:800px}.card{background:#121821e0;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px #00000038}.stack{display:grid;gap:20px}.server-table-wrap{overflow-x:auto;margin-top:24px}.server-table{width:100%;border-collapse:collapse;background:#121821e0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.server-table th,.server-table td{padding:16px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.server-table th{color:var(--muted);font-size:.95rem;font-weight:600;background:#ffffff05}.server-table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}.badge:before{content:"";width:10px;height:10px;border-radius:50%;background:#5c6773}.badge.online:before{background:#33d17a}.badge.offline:before{background:#ff5d5d}.badge.planned:before{background:#f0b429}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;background:#6aa9ff1f;border:1px solid rgba(106,169,255,.25);color:var(--text);font-weight:600}.button-link:hover{background:#6aa9ff2e;color:var(--text)}.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:20px 0 32px;color:var(--muted);font-size:.95rem}.project-block h2{margin:0 0 10px}.project-block p{margin:0;color:var(--muted);line-height:1.75}.contact-box p{margin:0;color:var(--muted);line-height:1.7}.hero-home{text-align:center;display:grid;justify-items:center;gap:24px}.hero-logo{width:420px;max-width:70%;margin-bottom:30px;opacity:.98;position:relative;z-index:1}.hero-text{max-width:760px;font-size:1.1rem;line-height:1.8;color:var(--muted);margin:0}@media(max-width:900px){.projects-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.projects-grid>*{width:100%!important}.project-large{grid-column:unset!important}}.server-project-brand{display:flex;justify-content:center;margin:28px 0 18px}.server-project-logo{width:320px;max-width:70%;opacity:.95;filter:drop-shadow(0 0 18px rgba(180,100,255,.18))}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:30px}.project-large{grid-column:span 2}.infra-list{margin-top:16px;padding-left:18px;color:var(--muted);line-height:1.7}.infra-list li{margin-bottom:6px}.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:#00dcff59;box-shadow:0 10px 35px #00dcff24,0 0 24px #6e5aff0f}.project-block{position:relative;overflow:hidden;isolation:isolate}.project-block:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.34;background-repeat:no-repeat;background-size:100% 100%;background-image:linear-gradient(135deg,transparent 0 78%,rgba(0,220,255,.42) 78% 78.5%,transparent 78.5% 100%),linear-gradient(90deg,transparent 0 73%,rgba(0,220,255,.34) 73% 73.35%,transparent 73.35% 100%),radial-gradient(circle at 73% 78%,rgba(0,220,255,.95) 0 2px,transparent 2.8px),linear-gradient(135deg,transparent 0 70%,rgba(0,220,255,.34) 70% 70.45%,transparent 70.45% 100%),linear-gradient(90deg,transparent 0 64%,rgba(0,220,255,.28) 64% 64.3%,transparent 64.3% 100%),radial-gradient(circle at 64% 70%,rgba(0,220,255,.92) 0 2px,transparent 2.8px),linear-gradient(135deg,transparent 0 84%,rgba(0,220,255,.4) 84% 84.45%,transparent 84.45% 100%),linear-gradient(90deg,transparent 0 79%,rgba(0,220,255,.3) 79% 79.3%,transparent 79.3% 100%),radial-gradient(circle at 79% 84%,rgba(0,220,255,.95) 0 2px,transparent 2.8px),linear-gradient(225deg,transparent 0 18%,rgba(120,80,255,.34) 18% 18.45%,transparent 18.45% 100%),linear-gradient(90deg,transparent 0 22%,rgba(120,80,255,.28) 22% 22.3%,transparent 22.3% 100%),radial-gradient(circle at 22% 18%,rgba(120,80,255,.9) 0 2px,transparent 2.8px),linear-gradient(225deg,transparent 0 28%,rgba(120,80,255,.28) 28% 28.4%,transparent 28.4% 100%),linear-gradient(90deg,transparent 0 32%,rgba(120,80,255,.22) 32% 32.3%,transparent 32.3% 100%),radial-gradient(circle at 32% 28%,rgba(120,80,255,.82) 0 2px,transparent 2.8px),linear-gradient(180deg,transparent 0 50%,rgba(0,220,255,.12) 50% 50.2%,transparent 50.2% 100%)}.project-block:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 78% 76%,rgba(0,220,255,.16),transparent 14%),radial-gradient(circle at 64% 70%,rgba(0,220,255,.12),transparent 12%),radial-gradient(circle at 79% 84%,rgba(0,220,255,.12),transparent 12%),radial-gradient(circle at 22% 18%,rgba(120,80,255,.12),transparent 12%),radial-gradient(circle at 32% 28%,rgba(120,80,255,.1),transparent 10%);opacity:1}.project-block>*{position:relative;z-index:1}.project-block h2,.project-block p,.project-block ul{text-shadow:0 0 1px rgba(0,0,0,.2)}.project-block ul{margin-top:16px;padding-left:18px;color:var(--muted);line-height:1.7}.project-block ul li{margin-bottom:6px}.planned-card{border-style:dashed;border-color:#ffbe3c57;background:repeating-linear-gradient(135deg,#ffbe3c17 0 12px,#ffbe3c05 12px 24px),#121821db}.planned-card:before{opacity:.07}.planned-card:after{background:radial-gradient(circle at top left,rgba(255,190,60,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(255,140,0,.06),transparent 30%)}.planned-card:hover{border-color:#ffbe3c80;box-shadow:0 10px 35px #ffbe3c1f}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section-title,.section-text,.hero-logo,.hero-text,.projects-grid,.server-table-wrap,.contact-box{opacity:0;animation:fadeUp .7s ease forwards}.section-title{animation-delay:.05s}.section-text{animation-delay:.12s}.hero-logo{animation-delay:.08s}.hero-text{animation-delay:.18s}.projects-grid,.server-table-wrap,.contact-box{animation-delay:.22s}.nav a{color:var(--muted);font-weight:500;position:relative;transition:color .2s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:#00c8ffb3;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}