:root { --bg:#0d0d0d; --card:#1a1a1a; --text:#B8B8B8; --accent:#F3D1DC; --muted:#6E6E6E; --border:#2a2a2a; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Georgia',serif; background:var(--bg); color:var(--text); min-height:100vh; background-image:radial-gradient(ellipse at top,#1a1a1a 0%,#0d0d0d 100%); }
.header { padding:60px 20px 40px; text-align:center; }
.logo { font-size:52px; font-weight:bold; background:linear-gradient(135deg,#F3D1DC 0%,#B8B8B8 50%,#6E6E6E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:8px; margin-bottom:15px; }
.subtitle { color:var(--muted); font-size:14px; letter-spacing:2px; font-style:italic; }
.nav { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding:20px; }
.nav a { color:var(--text); text-decoration:none; padding:10px 20px; border-radius:3px; transition:all .3s; font-size:14px; letter-spacing:1px; border:1px solid transparent; }
.nav a:hover { color:var(--accent); border-color:#3a3a3a; background:rgba(243,209,220,.05); }
.container { max-width:700px; margin:60px auto; padding:0 20px; text-align:center; }
.quote { font-size:20px; color:var(--accent); font-style:italic; margin-bottom:40px; line-height:1.8; }
.server-card { background:var(--card); border:1px solid var(--border); border-radius:5px; padding:40px 30px; margin-bottom:40px; }
.server-ip { font-size:28px; color:var(--accent); margin:20px 0; letter-spacing:3px; font-family:'Courier New',monospace; }
.online-status { display:inline-flex; align-items:center; gap:10px; padding:10px 20px; border-radius:20px; background:rgba(243,209,220,.05); border:1px solid var(--border); margin-bottom:30px; }
.online-dot { width:8px; height:8px; border-radius:50%; background:#4ade80; animation:pulse 3s infinite; }
@keyframes pulse { 0%,100%{opacity:1;box-shadow:0 0 10px #4ade80;} 50%{opacity:.3;box-shadow:none;} }
.buttons { display:flex; flex-direction:column; gap:12px; }
.btn { display:block; padding:16px; text-align:center; text-decoration:none; border-radius:3px; transition:all .3s; font-size:15px; letter-spacing:1px; }
.btn-primary { background:var(--accent); color:#0d0d0d; font-weight:bold; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(243,209,220,.2); }
.btn-secondary { background:transparent; color:var(--text); border:1px solid #3a3a3a; }
.btn-secondary:hover { border-color:var(--accent); color:var(--accent); }
.plashka { background:var(--card); border:1px solid var(--border); border-radius:5px; padding:25px; margin-bottom:15px; text-align:left; }
.plashka h3 { color:var(--accent); margin-bottom:10px; font-size:18px; }
.plashka p { color:var(--muted); font-size:14px; line-height:1.6; }
.footer { text-align:center; padding:40px 20px; color:var(--muted); font-size:12px; border-top:1px solid #1a1a1a; letter-spacing:1px; margin-top:50px; }