@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--win95-bg: #c0c0c0;--win95-dark: #808080;--win95-darker: #404040;--win95-light: #dfdfdf;--win95-white: #ffffff;--win95-title: #000080;--sepia-tint: rgba(180, 160, 120, .65)}*{box-sizing:border-box}body{font-family:VT323,monospace;margin:0;padding:0;min-height:100vh;position:relative;background:silver;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;filter:sepia(.4) contrast(.9) brightness(.95);z-index:-2}body:after{content:"";position:fixed;inset:0;background:var(--sepia-tint);z-index:-1}.menu-bar{position:fixed;top:0;left:0;right:0;height:22px;background:#b4a082d9;border-bottom:1px solid rgba(120,100,70,.6);display:flex;align-items:center;justify-content:space-between;padding:0 8px;z-index:100;font-size:14px;color:#3a3020}.menu-bar-left{display:flex;align-items:center;gap:16px}.menu-bar-left span{cursor:pointer}.menu-bar-left span:hover{text-decoration:underline}.menu-bar-right{display:flex;align-items:center;gap:12px;font-size:13px}.status-icon{display:flex;align-items:center;gap:4px}.desktop-icons{position:fixed;top:34px;left:12px;display:flex;flex-direction:column;gap:8px;z-index:10}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;padding:6px;cursor:pointer;text-align:center}.desktop-icon:hover{background:#78644666}.desktop-icon:hover .icon-label{background:#645032cc;color:#fff}.icon-img{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:4px;image-rendering:pixelated}.icon-label{font-size:14px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:2px 4px;word-wrap:break-word;max-width:76px}.windows-container{position:fixed;inset:22px 0 0;pointer-events:none}.windows-container>*{pointer-events:auto}.container{width:720px;max-width:92vw;padding:0;background:#b4a082eb;border:2px solid;border-color:rgba(200,180,150,.9) rgba(100,80,50,.7) rgba(100,80,50,.7) rgba(200,180,150,.9);box-shadow:2px 2px 8px #0006,inset 1px 1px #dcc8aa80}.container.draggable{-webkit-user-select:none;user-select:none}.container.draggable .window-body{-webkit-user-select:text;user-select:text}.title-bar{background:#8c7355f2;color:#fff;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(100,80,50,.5)}.title-bar-text{letter-spacing:0}.title-bar-controls{display:flex;gap:2px}.title-bar-controls button{width:16px;height:14px;padding:0;min-width:0;font-size:9px;line-height:1;background:#c8b496e6;border:2px solid;border-color:rgba(220,200,170,.9) rgba(100,80,50,.7) rgba(100,80,50,.7) rgba(220,200,170,.9);display:flex;align-items:center;justify-content:center;font-family:VT323,monospace;color:#3a3020}.window-body{padding:24px}h1{margin:0 0 8px;font-size:36px;font-weight:400;color:#fff;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.tagline{color:#ffffffd9;margin:0 0 20px;font-size:22px}p{font-size:20px;line-height:1.5;color:#fff;margin:0 0 20px}form{margin-top:24px;display:flex;flex-direction:column;gap:16px}input[type=email]{font-family:VT323,monospace;font-size:20px;padding:8px 12px;background:#ffffffe6;border:2px solid;border-color:rgba(80,60,40,.8) rgba(180,160,130,.9) rgba(180,160,130,.9) rgba(80,60,40,.8);box-shadow:inset 1px 1px 2px #0003;outline:none;width:100%;color:#3a3020}input[type=email]:focus{outline:1px dotted #fff;outline-offset:-4px}input[type=email]::placeholder{color:#3c321e99}button{font-family:VT323,monospace;font-size:20px;padding:10px 28px;background:#c8b496f2;border:2px solid;border-color:rgba(220,200,170,.9) rgba(100,80,50,.8) rgba(100,80,50,.8) rgba(220,200,170,.9);box-shadow:1px 1px 2px #0000004d;cursor:pointer;min-width:100px;align-self:flex-start;color:#3a3020}button:hover{background:#dcc8aaf2}button:active{border-color:rgba(100,80,50,.8) rgba(220,200,170,.9) rgba(220,200,170,.9) rgba(100,80,50,.8);box-shadow:inset 1px 1px 2px #0000004d;padding:7px 19px 5px 21px}.message{margin-top:12px;padding:8px;font-size:14px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#90ff90}.message.error{color:#ff9090}
