@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:PixelGameFont;src:url(/fonts/pixelgamefont.ttf) format("truetype"),url(/fonts/pixelgamefont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:PixelGameFont,"MS Sans Serif",Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:silver;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none}html,body{width:100%;height:100%;background:silver url(/wp2808001.jpg) no-repeat center center fixed;background-size:cover;font-family:PixelGameFont,"MS Sans Serif",sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:transparent}.btn{padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;transition:all .1s}.btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.btn:hover{background:#d4d0c8}.btn-primary,.btn-secondary{background:silver;color:#000}.window{border:2px outset #c0c0c0;background:silver;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.window-title{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.window-content{background:silver;padding:8px;border-top:1px solid #808080}.form-group input,.form-group textarea{width:100%;padding:3px 6px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;box-sizing:border-box}.retro-font{font-family:"Press Start 2P",monospace;font-size:12px;letter-spacing:1px}.desktop{height:100vh;display:flex;flex-direction:column;background:teal;font-family:Tahoma,sans-serif;overflow:hidden}.desktop-background{flex:1;background:linear-gradient(#8080804d,#8080804d),url(/wp2808001.jpg) no-repeat center center;background-size:cover;position:relative;padding:20px}.desktop-icons{display:flex;flex-direction:column;gap:20px}.icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:80px}.icon-image{font-size:48px;background:transparent;border:none;padding:0;filter:drop-shadow(1px 1px 0px rgba(255,255,255,.8));margin-bottom:4px}.icon:hover .icon-image{filter:drop-shadow(1px 1px 0px rgba(255,255,255,.8)) drop-shadow(0px 0px 2px rgba(0,0,0,.5))}.icon-label{background:#c0c0c0cc;padding:2px 4px;font-size:10px;text-align:center;border:1px solid #000;color:#000;font-weight:700;text-transform:uppercase}.taskbar{height:28px;background:linear-gradient(90deg,silver,#d4d0c8);border-top:2px outset #c0c0c0;display:flex;align-items:center;padding:0 4px}.start-button{background:silver;border:2px outset #c0c0c0;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;margin-right:4px}.start-button:active{border:2px inset #c0c0c0;padding:3px 7px 1px 9px}.taskbar-icons{flex:1}.system-tray{font-size:10px;color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-window{background:silver;border:2px outset #c0c0c0;box-shadow:4px 4px #0000004d;width:80%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12px}.close-button{background:silver;border:1px outset #c0c0c0;color:#000;cursor:pointer;font-size:10px;padding:0 4px}.close-button:active{border:1px inset #c0c0c0}.modal-content{padding:16px;background:silver;color:#000;font-size:12px;line-height:1.4}.modal-content h2{margin-top:0;font-size:14px;font-weight:700;text-transform:uppercase}.modal-content h3{font-size:12px;font-weight:700;margin-top:16px;margin-bottom:8px}.modal-content ul{padding-left:20px}.modal-content li{margin-bottom:4px}.portfolio-tech-info{margin:12px 0;padding:8px 12px;background:silver;border:2px inset #c0c0c0;box-shadow:inset 1px 1px #00000080,inset -1px -1px #fffc;font-size:11px;color:#000}.portfolio-section{margin-bottom:12px;padding:10px;background:silver;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fffc,inset -1px -1px #808080cc}.portfolio-section h4{font-size:12px;font-weight:700;margin-top:0;margin-bottom:8px;color:navy;text-transform:uppercase}.portfolio-section ul{margin:0;padding-left:20px}.portfolio-section li{margin-bottom:3px;line-height:1.4;font-size:11px;color:#000}.modal-link{display:inline-block;background:silver;border:2px outset #c0c0c0;padding:4px 8px;color:#000;text-decoration:none;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}.modal-link:active{border:2px inset #c0c0c0;padding:5px 7px 3px 9px}.portfolio-demo-section{margin-top:12px;padding:0;background:transparent;border:none;box-shadow:none}.demo-content{display:flex;flex-direction:column;gap:16px}.demo-item{background:gray;padding:8px;border:2px inset #c0c0c0;box-shadow:inset 2px 2px #00000080,inset -2px -2px #ffffff4d}.demo-item h4{font-size:11px;font-weight:700;margin:0 0 8px;color:#000;text-transform:uppercase}.demo-image,.demo-video{width:100%;max-width:100%;height:auto;border:2px inset #000;display:block}.demo-video{max-height:300px}@media(max-width:768px){.desktop-icons{flex-direction:row;flex-wrap:wrap;justify-content:center}.icon{margin:10px}.modal-window{width:90%}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#008080e6;padding:8px}.login-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;width:100%;max-width:350px}.login-card h1{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;border-bottom:1px solid #808080}.login-form-content{padding:16px;background:silver}.login-card .btn{width:100%;padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:8px;transition:all .1s}.login-card .btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.login-card .btn:disabled{background:silver;color:gray;cursor:not-allowed}@media(max-width:480px){.login-card{margin:8px}.login-form-content{padding:12px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#008080e6;padding:8px}.register-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;width:100%;max-width:400px}.register-card h1{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;border-bottom:1px solid #808080}.register-form-content{padding:16px;background:silver}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;color:#000;font-size:11px;font-weight:700;text-transform:uppercase}.form-group input{width:100%;padding:3px 6px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;box-sizing:border-box}.form-group input:focus{outline:none;border:2px inset #000080;background:#fff}.error-message{background:#ffffe1;color:#000;padding:6px 8px;border:1px solid #808080;margin-bottom:12px;font-size:10px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.register-card .btn{width:100%;padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:8px;transition:all .1s}.register-card .btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.register-card .btn:disabled{background:silver;color:gray;cursor:not-allowed}.form-footer{text-align:center;margin-top:12px;color:#000;font-size:10px;padding:8px;background:silver;border-top:1px solid #808080}.form-footer a{color:navy;text-decoration:underline;font-weight:700}.form-footer a:hover{color:#1084d0}@media(max-width:480px){.register-card{margin:8px}.register-form-content{padding:12px}}.dashboard-container{min-height:100vh;background:#c0c0c0f2;font-family:"MS Sans Serif",sans-serif}.dashboard-nav{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0}.nav-brand{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:"Press Start 2P",monospace}.nav-actions{display:flex;gap:6px}.nav-link{background:silver;border:1px outset #c0c0c0;color:#000;cursor:pointer;font-size:10px;padding:2px 6px;text-transform:uppercase;font-weight:700;transition:all .1s;text-decoration:none}.nav-link:active{border:1px inset #c0c0c0;padding:3px 5px 1px 7px}.nav-link:hover{background:#d4d0c8}.nav-link.logout{color:#c33}.nav-link.logout:hover{background:#ffe1e1}.dashboard-main{max-width:1000px;margin:0 auto;padding:12px}.dashboard-header{margin-bottom:16px;text-align:center}.dashboard-header h1{font-size:18px;color:#000;margin-bottom:4px;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px}.dashboard-header p{color:#000;font-size:11px;margin:0}.stats-section h2,.activity-section h2{font-size:12px;color:#000;margin-bottom:8px;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:2px 6px;display:inline-block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:20px}.stat-card{background:silver;padding:8px;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;transition:all .1s;text-align:center}.stat-card:hover{border:2px inset #c0c0c0;box-shadow:inset 2px 2px #fff,inset -2px -2px gray}.stat-card h3{font-size:9px;color:#000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.stat-value{font-size:16px;color:navy;font-weight:700;font-family:"Press Start 2P",monospace}.activity-section{background:silver;padding:8px;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-bottom:1px solid #808080;background:#fff;border:1px inset #c0c0c0}.activity-item:last-child{border-bottom:none}.activity-action{color:#000;font-weight:700;font-size:10px}.activity-time{color:#666;font-size:9px}@media(max-width:768px){.dashboard-main{padding:8px}.dashboard-header h1{font-size:14px}.nav-actions{gap:4px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-container{min-height:100vh;background:#c0c0c0f2;font-family:"MS Sans Serif",sans-serif}.profile-nav{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0}.profile-nav .nav-brand{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:"Press Start 2P",monospace}.profile-nav .nav-actions{display:flex;gap:6px}.profile-nav .nav-link{background:silver;border:1px outset #c0c0c0;color:#000;cursor:pointer;font-size:10px;padding:2px 6px;text-transform:uppercase;font-weight:700;transition:all .1s;text-decoration:none}.profile-nav .nav-link:active{border:1px inset #c0c0c0;padding:3px 5px 1px 7px}.profile-nav .nav-link:hover{background:#d4d0c8}.profile-nav .nav-link.logout{color:#c33}.profile-nav .nav-link.logout:hover{background:#ffe1e1}.profile-main{max-width:700px;margin:0 auto;padding:12px}.profile-header{text-align:center;margin-bottom:16px}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,navy,#1084d0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin:0 auto 8px;border:2px outset #c0c0c0}.profile-header h1{font-size:16px;color:#000;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px}.profile-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.profile-card-title{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #808080}.profile-content{padding:12px;background:silver}.profile-view{display:flex;flex-direction:column;gap:8px}.profile-item{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:6px;background:#fff;border:1px inset #c0c0c0}.profile-item .label{font-weight:700;color:#000;font-size:10px;text-transform:uppercase}.profile-item .value{color:#000;font-size:10px}.profile-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:2px;color:#000;font-size:10px;font-weight:700;text-transform:uppercase}.form-group input,.form-group textarea{padding:3px 4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:10px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border:2px inset #000080;background:#fff}.form-actions{display:flex;gap:6px;margin-top:8px}.form-actions .btn{flex:1;padding:4px 8px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-weight:700;transition:all .1s;font-size:10px;text-transform:uppercase}.form-actions .btn:active{border:2px inset #c0c0c0;padding:5px 7px 3px 9px}.form-actions .btn:disabled{background:silver;color:gray;cursor:not-allowed}.form-actions .btn-primary{background:silver;color:#000}.form-actions .btn-primary:hover:not(:disabled){background:#d4d0c8}.form-actions .btn-secondary{background:silver;color:#000}.form-actions .btn-secondary:hover{background:#d4d0c8}@media(max-width:768px){.profile-main{padding:8px}.profile-card{margin:0}.profile-item{grid-template-columns:1fr;gap:4px}.profile-header h1{font-size:12px}.form-actions{flex-direction:column}}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}