@import "https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";
:root{--win-bg:silver;--win-border-light:#fff;--win-border-dark:gray;--win-border-darker:#000;--win-title-bg:linear-gradient(90deg,navy,#1084d0);--win-title-text:#fff;--desktop-bg:teal;--crt-green:#39ff14;--crt-amber:#ffbf00;--crt-bg:#0a0a0a;--neon-pink:#ff2d95;--neon-blue:#00d4ff;--neon-purple:#b026ff;--arcade-gold:gold;--pixel-size:4px;--retro-font:"VT323",monospace;--pixel-font:"Press Start 2P",monospace;--mono-font:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--retro-font);overflow:hidden}.desktop{background:var(--desktop-bg);background-image:radial-gradient(circle at 20% 80%,#0000804d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0080804d 0%,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.desktop:before{content:"";pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:absolute;inset:0}.taskbar{background:var(--win-bg);border-top:2px solid var(--win-border-light);z-index:9999;align-items:center;gap:4px;height:40px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.start-button{height:30px;font-family:var(--pixel-font);background:var(--win-bg);border:2px outset var(--win-border-light);cursor:pointer;letter-spacing:1px;align-items:center;gap:4px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.start-button:active{border-style:inset}.start-button .start-icon{clip-path:polygon(0% 50%,50% 0%,100% 50%,50% 100%);background:linear-gradient(135deg,red,#0f0,#00f,#ff0);width:18px;height:18px}.taskbar-clock{font-family:var(--retro-font);border:2px inset var(--win-border-dark);background:var(--win-bg);align-items:center;height:28px;margin-left:auto;padding:0 12px;font-size:18px;display:flex}.retro-window{background:var(--win-bg);border:2px solid;border-color:var(--win-border-light)var(--win-border-darker)var(--win-border-darker)var(--win-border-light);box-shadow:inset 1px 1px 0 var(--win-border-light),inset -1px -1px 0 var(--win-border-dark),4px 4px 0 #0006;flex-direction:column;max-height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.window-title-bar{background:var(--win-title-bg);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:4px;min-height:26px;padding:3px 4px;display:flex}.window-title-bar:active{cursor:grabbing}.window-title{color:var(--win-title-text);font-family:var(--pixel-font);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9px;font-weight:700;overflow:hidden}.window-controls{gap:2px;display:flex}.window-btn{background:var(--win-bg);border:2px outset var(--win-border-light);cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex}.window-btn:active{border-style:inset}.window-body{flex:1;padding:12px;overflow-y:auto}.menu-bar{background:var(--win-bg);border-bottom:1px solid var(--win-border-dark);flex-shrink:0;gap:0;padding:2px 0;display:flex}.menu-item{font-family:var(--retro-font);cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 10px;font-size:16px}.menu-item:hover{color:#fff;background:navy}.status-bar{background:var(--win-bg);border-top:2px inset var(--win-border-dark);flex-shrink:0;gap:2px;padding:2px 4px;display:flex}.status-section{border:1px inset var(--win-border-dark);font-family:var(--retro-font);flex:1;padding:2px 8px;font-size:14px}.upload-zone{border:3px dashed var(--win-border-dark);background:repeating-conic-gradient(var(--win-bg)0% 25%,#b8b8b8 0% 50%)50%/16px 16px;text-align:center;cursor:pointer;image-rendering:pixelated;padding:30px;transition:all .2s;position:relative}.upload-zone:hover{background-color:#0000800d;border-color:navy;box-shadow:inset 0 0 20px #0000801a}.upload-zone.drag-over{border-color:var(--crt-green);background:#39ff140d;box-shadow:inset 0 0 30px #39ff141a}.upload-icon{image-rendering:pixelated;margin-bottom:12px;font-size:48px}.upload-text{font-family:var(--pixel-font);color:var(--win-border-dark);font-size:10px;line-height:2}.upload-subtext{font-family:var(--retro-font);color:#999;margin-top:4px;font-size:16px}.crt-monitor{background:#1a1a1a;border-radius:16px;padding:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 0 0 3px #333,0 0 0 5px #1a1a1a,4px 6px #0006}.crt-screen{background:var(--crt-bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px;display:flex;position:relative;overflow:hidden}.crt-screen:before{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00ff0008 1px 2px);position:absolute;inset:0}.crt-screen:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#39ff1414 0%,#0000 70%);position:absolute;inset:0}.crt-label{font-family:var(--pixel-font);color:#39ff1480;text-transform:uppercase;letter-spacing:3px;z-index:3;margin-bottom:8px;font-size:8px;position:relative}.crt-value{font-family:var(--pixel-font);color:var(--crt-green);text-shadow:0 0 10px var(--crt-green),0 0 20px var(--crt-green),0 0 40px #39ff1480,0 0 80px #39ff144d;z-index:3;font-size:28px;line-height:1.4;animation:4s infinite textFlicker;position:relative}.crt-value.amber{color:var(--crt-amber);text-shadow:0 0 10px var(--crt-amber),0 0 20px var(--crt-amber),0 0 40px #ffbf0080}.crt-subtitle{font-family:var(--retro-font);color:#39ff1499;z-index:3;margin-top:8px;font-size:18px;position:relative}@keyframes textFlicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.crt-led{background:#0f0;border-radius:50%;width:8px;height:8px;margin:8px auto 0;animation:3s infinite ledBlink;box-shadow:0 0 6px #0f0}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.7}}.company-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.company-card{background:var(--win-bg);border:2px solid;border-color:var(--win-border-light)var(--win-border-darker)var(--win-border-darker)var(--win-border-light);text-align:center;cursor:pointer;padding:16px 10px;transition:all .2s;position:relative}.company-card:hover{transform:translateY(-2px);box-shadow:3px 3px #0000004d}.company-card.locked{opacity:.5;filter:grayscale()}.company-card.unlocked{border-color:var(--crt-green)var(--crt-green)var(--crt-green)var(--crt-green);animation:2s infinite unlockPulse;box-shadow:0 0 12px #39ff144d}@keyframes unlockPulse{0%,to{box-shadow:0 0 12px #39ff144d}50%{box-shadow:0 0 20px #39ff1480}}.company-icon{image-rendering:pixelated;margin-bottom:8px;font-size:40px}.company-name{font-family:var(--pixel-font);word-break:break-word;margin-bottom:4px;font-size:8px}.company-status{font-family:var(--retro-font);color:var(--win-border-dark);font-size:14px}.company-card.unlocked .company-status{color:var(--crt-green);font-weight:700}.lock-icon{font-size:14px;position:absolute;top:6px;right:6px}.retro-btn{font-family:var(--pixel-font);background:var(--win-bg);border:2px outset var(--win-border-light);cursor:pointer;letter-spacing:.5px;padding:10px 20px;font-size:10px;transition:all .1s}.retro-btn:active{border-style:inset;transform:translate(1px,1px)}.retro-btn:hover{background:#d4d0c8}.retro-btn.primary{color:#fff;background:navy;border-color:#0000b3 #000040 #000040 #0000b3}.retro-btn.primary:hover{background:#0000a0}.retro-btn:disabled{opacity:.6;cursor:not-allowed}.progress-container{border:2px inset var(--win-border-dark);background:#fff;height:24px;padding:2px}.progress-bar{background:repeating-linear-gradient(-45deg,navy,navy 8px,#0000b3 8px 16px) 0 0/200% 100%;height:100%;transition:width .5s;animation:1s linear infinite progressMove}@keyframes progressMove{0%{background-position:0 0}to{background-position:22.6px 0}}.skill-tag{font-family:var(--retro-font);border:1px solid var(--win-border-dark);background:#e8e8e8;margin:3px;padding:3px 10px;font-size:15px;display:inline-block}.skill-tag.matched{color:#060;background:#c8ffc8;border-color:#0a0}.skill-tag.missing{color:#600;background:#ffc8c8;border-color:#a00}.section-title{font-family:var(--pixel-font);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;display:flex}.section-divider{background:repeating-linear-gradient(90deg,var(--win-border-dark),var(--win-border-dark)4px,transparent 4px,transparent 8px);flex:1;height:2px}.city-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.city-card{border:2px inset var(--win-border-dark);text-align:center;background:#fff;padding:12px}.city-name{font-family:var(--pixel-font);color:navy;margin-bottom:6px;font-size:9px}.city-salary{font-family:var(--retro-font);color:#060;font-size:22px;font-weight:700}.city-range{font-family:var(--retro-font);color:#888;margin-top:2px;font-size:13px}.recommendation-list{padding:0;list-style:none}.recommendation-item{font-family:var(--retro-font);border-bottom:1px dotted var(--win-border-dark);align-items:flex-start;gap:8px;padding:8px 12px;font-size:18px;line-height:1.4;display:flex}.recommendation-bullet{color:var(--crt-green);flex-shrink:0;font-weight:700}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{background:var(--crt-green);width:8px;height:8px;animation:1.4s ease-in-out infinite dotBounce;display:inline-block}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.boot-screen{z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.boot-text{font-family:var(--retro-font);color:var(--crt-green);text-shadow:0 0 5px var(--crt-green);text-align:left;max-width:600px;font-size:18px}.boot-text p{margin-bottom:4px;animation:.1s forwards typeIn}@keyframes typeIn{0%{opacity:0}to{opacity:1}}.boot-cursor{background:var(--crt-green);vertical-align:middle;width:10px;height:18px;margin-left:2px;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.window-body::-webkit-scrollbar{width:18px}.window-body::-webkit-scrollbar-track{border:1px solid var(--win-border-dark);background:repeating-conic-gradient(silver 0% 25%,#fff 0% 50%) 50%/4px 4px}.window-body::-webkit-scrollbar-thumb{background:var(--win-bg);border:2px outset var(--win-border-light)}.window-body::-webkit-scrollbar-button{background:var(--win-bg);border:2px outset var(--win-border-light);height:18px}@media (max-width:768px){.retro-window{border-radius:0;width:100vw!important;height:calc(100vh - 40px)!important}.company-grid{grid-template-columns:1fr 1fr}.city-grid{grid-template-columns:1fr}.crt-value{font-size:20px}}.tab-bar{border-bottom:2px solid var(--win-border-dark);gap:0;margin-bottom:12px;display:flex}.tab{font-family:var(--pixel-font);border:2px solid;border-color:var(--win-border-light)var(--win-border-darker)var(--win-border-darker)var(--win-border-light);cursor:pointer;letter-spacing:.5px;background:#d4d0c8;border-bottom:none;margin-bottom:-2px;padding:8px 14px;font-size:8px;position:relative}.tab.active{background:var(--win-bg);border-bottom:2px solid var(--win-bg);z-index:1}.tab:hover:not(.active){background:#e0dcd0}.result-panel{animation:.4s panelSlideIn}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.retro-tooltip{position:relative}.retro-tooltip:after{content:attr(data-tooltip);font-family:var(--retro-font);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#ffffe1;border:1px solid #000;padding:4px 8px;font-size:14px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.retro-tooltip:hover:after{opacity:1}.desktop-icons{z-index:2;flex-direction:column;gap:16px;display:flex;position:absolute;top:16px;left:16px}.desktop-icon{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:70px;padding:4px;display:flex}.desktop-icon:hover{background:#0000804d;outline:1px dotted #fff}.desktop-icon-img{font-size:32px}.desktop-icon-label{font-family:var(--pixel-font);color:#fff;text-shadow:1px 1px #000;text-align:center;font-size:7px;line-height:1.4}.neon-badge{font-family:var(--pixel-font);border:1px solid var(--crt-green);color:var(--crt-green);text-transform:uppercase;letter-spacing:1px;background:#39ff141a;padding:4px 10px;font-size:8px}.file-info{border:2px inset var(--win-border-dark);background:#fff;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.file-icon{font-size:28px}.file-details{flex:1}.file-name{font-family:var(--pixel-font);margin-bottom:2px;font-size:9px}.file-size{font-family:var(--retro-font);color:#888;font-size:14px}.analysis-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:900px){.analysis-grid{grid-template-columns:1fr}}.inner-panel{border:2px inset var(--win-border-dark);background:#fff;padding:12px}.inner-panel-title{font-family:var(--pixel-font);background:var(--win-bg);margin-top:-22px;margin-left:8px;padding:2px 8px;font-size:8px;display:inline-block;position:relative}