:root {
    --crt-green: #33ff00;
    --win-gray: #c0c0c0;
    --win-blue: #000080;
    --setup-blue: #0000aa;
}

body { background: #1a1a1a; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: "Courier New", monospace; }

.monitor-case { width: 800px; height: 600px; background: #333; border: 15px solid #444; border-radius: 40px; box-shadow: 0 20px 50px #000; padding: 5px; }
.glass { width: 100%; height: 100%; background: #000; position: relative; overflow: hidden; border-radius: 10px; }

.screen-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; }
.hidden { display: none !important; }

/* Terminal */
#phase-terminal { padding: 20px; color: var(--crt-green); text-shadow: 0 0 5px var(--crt-green); }
input { background: transparent; border: none; color: inherit; font-family: inherit; font-size: inherit; outline: none; }

/* Setup Azul (DOS Style) */
#phase-setup-blue { background: var(--setup-blue); color: #fff; padding: 0; display: flex; flex-direction: column; }
.setup-header { background: #fff; color: var(--setup-blue); text-align: center; font-weight: bold; }
.setup-content { flex: 1; padding: 40px; white-space: pre-wrap; }
.setup-footer { background: #fff; color: var(--setup-blue); padding: 2px 10px; }

/* Win95 UI */
.wizard-bg { background: #008080; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.wizard-title { color: white; font-size: 24px; font-weight: bold; margin-bottom: 20px; align-self: flex-start; margin-left: 20px; }

.win95-window { background: var(--win-gray); border: 2px solid; border-color: #fff #808080 #808080 #fff; padding: 2px; box-shadow: 1px 1px 0 #000; color: #000; font-family: Tahoma, sans-serif; }
.title-bar { background: var(--win-blue); color: white; padding: 3px 5px; font-weight: bold; font-size: 12px; }
.window-body { padding: 10px; }
.wizard-layout { display: flex; gap: 20px; min-height: 200px; }
.wizard-sidebar { width: 100px; background: linear-gradient(to bottom, #808080, #c0c0c0); display: flex; justify-content: center; padding-top: 20px; }
.wizard-main { flex: 1; font-size: 13px; }

.win95-footer { margin-top: 15px; border-top: 1px solid #808080; padding-top: 10px; text-align: right; }
button { background: var(--win-gray); border: 2px solid; border-color: #fff #808080 #808080 #fff; padding: 4px 15px; cursor: pointer; font-size: 12px; }
button:active { border-color: #808080 #fff #fff #808080; }
button:disabled { color: #808080; }

#phase-login { background: #008080; display: flex; justify-content: center; align-items: center; }
.login-flex { display: flex; gap: 15px; }