/* RESET */
* { margin:0; padding:0; box-sizing:border-box; }

body {
  margin:0; padding:0;
  font-family:'Courier New',Courier,monospace;
  overflow:hidden;
  background:#000; color:#fff;
}

/* GŁÓWNY KONTENER */
#panels-container {
  position:fixed; top:0; left:0; width:100%; height:100%;
  display:flex; justify-content:center; align-items:center;
  gap:40px; padding:20px; flex-wrap:wrap; z-index:1000;
}

/* LEWY PANEL – DISCORD */
#left-panel {
  width:225px;
  max-width:85%;
  background:rgba(30,30,30,0.9); backdrop-filter:blur(10px);
  border:2px solid #4d4d4d; border-radius:16px;
  padding:20px; text-align:center;
  box-shadow:0 8px 32px rgba(0,0,0,0.6);
  transition:all 0.3s ease;
}
#left-panel:hover { background:rgba(40,40,40,0.95); box-shadow:0 12px 40px rgba(0,0,0,0.7); }

#discord-avatar { width:100px; height:100px; border-radius:50%; border:4px solid #7289da; margin-bottom:14px; object-fit:cover; }
#discord-info h2 { margin:0 0 6px; font-size:1.3em; font-weight:bold; }
#discord-status { margin:4px 0; font-weight:bold; font-size:1em; }
.status-online { color:#43b581; } .status-idle { color:#faa61a; } .status-dnd { color:#f04747; } .status-offline { color:#747f8d; }
#discord-activity { margin:8px 0; font-size:0.9em; color:#b9bbbe; min-height:18px; }
#discord-badges { display:flex; justify-content:center; gap:5px; margin:8px 0; flex-wrap:wrap; }
.badge { width:20px; height:20px; border-radius:50%; object-fit:contain; }

.discord-button {
  margin-top:12px; padding:8px 16px; background:#5865F2; color:white;
  border:none; border-radius:6px; font-family:'Courier New',monospace;
  font-size:0.9em; cursor:pointer; display:flex; align-items:center;
  gap:6px; transition:all 0.3s ease; text-decoration:none;
  width:fit-content; margin-left:auto; margin-right:auto;
}
.discord-button:hover { background:#4752c4; transform:translateY(-1px); box-shadow:0 4px 12px rgba(88,101,242,0.4); }
.discord-button i { font-size:1.1em; }

/* PRAWY PANEL – TERMINAL */
#right-panel {
  width:700px; max-width:92%; background:#1a1a1a; border-radius:14px;
  border:3px solid #444; box-shadow:0 8px 24px rgba(0,0,0,0.7);
  display:flex; flex-direction:column; overflow:hidden;
}
#right-panel #terminal-header {
  background:linear-gradient(to bottom,#2a2a2a,#222);
  border-top-left-radius:11px; border-top-right-radius:11px;
  padding:12px; display:flex; justify-content:flex-start;
}
#right-panel #terminal-buttons { display:flex; gap:10px; }
.terminal-button { width:15px; height:15px; border-radius:50%; cursor:default; transition:background-color 0.3s; }
.terminal-button:hover { background-color:rgba(255,255,255,0.2); }
#close-button { background-color:#FF5F57; } #minimize-button { background-color:#FFBD2E; } #maximize-button { background-color:#28CA42; }

#right-panel #terminal-content {
  padding:22px; flex-grow:1; text-align:center;
  display:flex; flex-direction:column; align-items:center;
  justify-content:flex-start; font-family:'Courier New',monospace;
}
#right-panel #terminal-text {
  margin:0 0 28px 0; font-size:14px; line-height:1.35;
  white-space:pre; text-align:center; width:100%; max-width:100%;
  overflow:hidden; letter-spacing:0.5px; color:#fff;
}

#social-links {
  display:flex; justify-content:center; gap:20px; margin-top:15px;
}
#social-links a { color:#bbb; font-size:28px; transition:all 0.3s ease; }
#social-links a:hover { color:#fff; transform:translateY(-3px) scale(1.2); }

/* RESPONSIVE */
@media (max-width: 900px) {
  #panels-container { flex-direction:column; gap:25px; }
  #left-panel, #right-panel { width:320px; max-width:90%; }
}