/* XP Scrollbars (global) */
* {
  scrollbar-width: thin;
  scrollbar-color: #2e75d4 #dfeaff;
}

*::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

*::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #f5f9ff 0%, #dfeaff 100%);
  border: 1px solid #7aa6de;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #7fb3ff 0%, #2e75d4 100%);
  border: 1px solid #1f4f9e;
  border-radius: 2px;
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #9ac3ff 0%, #3d86e3 100%);
}

*::-webkit-scrollbar-corner {
  background: #dfeaff;
}

*::-webkit-scrollbar-button {
  display: block;
  width: 16px;
  height: 16px;
  background: linear-gradient(180deg, #f8fbff 0%, #c7ddff 100%);
  border: 1px solid #7aa6de;
}

*::-webkit-scrollbar-button:hover {
  background: linear-gradient(180deg, #ffffff 0%, #d7e7ff 100%);
}
/* --- Windows XP Background & Layout --- */
body {
  min-height: 100vh;
  background: linear-gradient(to bottom, #90bafc 0%, #6595dc 60%, #3c5c99 100%);
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* --- XP Header Welcome --- */
.xp-header {
  display: flex;
  align-items: center;
  margin-top: 58px;
  margin-bottom: 28px;
  font-size: 1.7em;
  font-family: Tahoma, sans-serif;
  color: #fff;
  text-shadow: 1.5px 1.5px 7px #2e4c6e99;
  letter-spacing: 0.5px;
  user-select: none;
  gap: 13px;
}

.xp-header img {
  width: auto;
  height: 44px;
  margin-right: 7px;
  image-rendering: pixelated;
}

/* --- XP Login Window --- */
.xp-window {
  display: inline-block;
  background: #edead8;
  border: 2.5px solid #0154a7;
  border-radius: 5px 5px 2.5px 2.5px;
  box-shadow: 0 4px 16px #0005, 0 0 0 2px #fff;
  min-width: 360px;
  max-width: 95vw;
  text-align: left;
}

.xp-titlebar {
  background: linear-gradient(90deg, #1764c0 0%, #5db3fd 100%);
  color: #fff;
  font-weight: bold;
  padding: 8px 10px;
  border-radius: 3.5px 3.5px 0 0;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.xp-titlebar .xp-icon {
  width: 18px;
  height: auto;
  margin-right: 6px;
}

.xp-window-content {
  padding: 24px 32px 18px 32px;

}

.xp-input {
  width: 98%;
  max-width: 280px;
  padding: 7px 9px;
  margin: 11px 0;
  border: 1.5px solid #3c74be;
  border-radius: 2.5px;
  background: #fff;
  font-size: 1em;
  outline: none;
  box-shadow: inset 1px 1px 2px #dde5f5;
}

.xp-input:focus {
  border-color: #1a51a8;
  background: #f3fbff;
}

.xp-btn {
  padding: 8px 34px;
  margin-top: 12px;
  background: linear-gradient(180deg, #e7e7e7 0%, #b8d3fd 100%);
  border: 2px outset #5e8fe7;
  border-radius: 3px;
  font-family: 'Tahoma', sans-serif;
  font-size: 1em;
  cursor: pointer;
  color: #0e2049;
  box-shadow: 1px 1px 1.5px #a3c4ef;
  transition: background 0.14s;
}

.xp-btn:active {
  border: 2px inset #5e8fe7;
  background: #c1d7fd;
}

.xp-link {
  color: #1556a5;
  text-decoration: underline;
  font-size: 0.97em;
}

.xp-error {
  color: #c00;
  font-size: 0.98em;
  margin-bottom: 8px;
  text-align: left;
}

/* --- XP Login "Tip" --- */
.xp-tip {
  text-align: center;
  margin: 18px 0 6px 0;
  color: #244b6d;
  font-size: 0.97em;
  font-family: Tahoma, sans-serif;
  opacity: 0.7;
  user-select: none;
}

/* --- XP Taskbar (Bottom Bar) --- */
.xp-taskbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  height: 38px;
  background: linear-gradient(90deg, #1461b0 0%, #288be6 60%, #90bafc 100%);
  border-top: 2.3px solid #7f9bc1;
  display: flex;
  align-items: center;
  z-index: 10;
  box-shadow: 0 -2px 14px #19486d22;
}

.xp-taskbar .xp-taskbar-text {
  margin-left: 21px;
  font-size: 1.01em;
  color: #f0f0f0;
  opacity: 0.73;
  font-family: Tahoma, sans-serif;
}

.support-link-wrap {
  width: 100%;
  text-align: right;
}

/* --- Responsive --- */
@media (max-width: 600px) {
  .xp-header { font-size: 1.1em; margin-top:30px;margin-bottom:15px;}
  .xp-taskbar { height: 30px; }

  .xp-window { min-width: unset; width: 90vw; }
}