*{margin:0;padding:0;box-sizing:border-box}:root{--win95-silver: #c0c0c0;--win95-light-gray: #dfdfdf;--win95-dark-gray: #808080;--win95-black: #000000;--win95-white: #ffffff;--win95-blue: #0000ff;--win95-navy: #000080;--win95-teal: #008080;--win95-green: #008000;--win95-yellow: #ffff00;--win95-red: #ff0000;--win95-purple: #800080;--win95-desktop: #008080;--window-bg: #c0c0c0;--window-border-light: #dfdfdf;--window-border-dark: #808080;--window-border-darker: #404040;--title-bar-active: linear-gradient(90deg, #0000ff, #000080);--title-bar-inactive: #808080;--button-face: #c0c0c0;--button-shadow: #808080;--button-dark-shadow: #404040;--button-light: #dfdfdf;--button-highlight: #ffffff}body{font-family:"MS Sans Serif",sans-serif;font-size:11px;background:var(--win95-desktop);color:var(--win95-black);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px}html{scroll-behavior:smooth}.win-button{background:var(--button-face);border:2px outset var(--button-face);color:var(--win95-black);padding:4px 12px;font-family:"MS Sans Serif",sans-serif;font-size:11px;cursor:pointer;position:relative;display:inline-block;min-width:75px;text-align:center}.win-button:hover{background:var(--win95-light-gray)}.win-button:active,.win-button.pressed{border:2px inset var(--button-face);padding:5px 11px 3px 13px}.win-button:disabled{color:var(--win95-dark-gray);border:2px outset var(--button-face)}.win-input{border:2px inset var(--win95-silver);background:var(--win95-white);color:var(--win95-black);font-family:"MS Sans Serif",sans-serif;font-size:11px;outline:none}.win-input:focus{border:2px inset var(--win95-blue)}.window{background:var(--window-bg);border:2px outset var(--window-bg);margin:20px;box-shadow:2px 2px 0 var(--win95-dark-gray);position:relative}.window-title-bar{background:var(--title-bar-active);color:var(--win95-white);padding:2px;font-weight:700;font-size:11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--win95-dark-gray)}.window-title{padding:4px 8px;flex:1}.window-controls{display:flex;gap:2px;padding:2px}.window-control{width:16px;height:14px;background:var(--button-face);border:1px outset var(--button-face);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;cursor:pointer}.window-control:hover{background:var(--win95-light-gray)}.window-control:active{border:1px inset var(--button-face)}.window-content{padding:8px;background:var(--window-bg)}.inset-panel{background:var(--win95-white);border:2px inset var(--window-bg);padding:4px}.raised-panel{background:var(--window-bg);border:2px outset var(--window-bg);padding:8px}.group-box{border:2px groove var(--window-bg);padding:12px 8px 8px;margin:8px 0;position:relative}.group-box-title{position:absolute;top:-8px;left:8px;background:var(--window-bg);padding:0 4px;font-weight:700}.progress-bar{background:var(--win95-white);border:2px inset var(--window-bg);height:20px;position:relative;overflow:hidden}.progress-fill{background:var(--win95-blue);height:100%;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.3) 2px,rgba(255,255,255,.3) 4px)}.menu-bar{background:var(--window-bg);border-bottom:1px solid var(--win95-dark-gray);padding:2px;display:flex}.menu-item{padding:4px 8px;cursor:pointer;border:1px solid transparent}.menu-item:hover{border:1px outset var(--window-bg);background:var(--win95-light-gray)}.menu-item:active{border:1px inset var(--window-bg)}.status-bar{background:var(--window-bg);border-top:1px solid var(--win95-dark-gray);padding:4px 8px;font-size:10px;display:flex;justify-content:space-between;align-items:center}.status-panel{border:1px inset var(--window-bg);padding:2px 6px;background:var(--win95-white)}.taskbar{position:fixed;bottom:0;left:0;right:0;height:30px;background:var(--window-bg);border-top:1px solid var(--win95-light-gray);display:flex;align-items:center;padding:2px;z-index:1000}.start-button{background:var(--button-face);border:2px outset var(--button-face);padding:4px 8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;margin-right:4px}.start-button:hover{background:var(--win95-light-gray)}.start-button:active{border:2px inset var(--button-face)}.start-logo{width:16px;height:16px;background:var(--win95-red);color:var(--win95-white);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.taskbar-time{margin-left:auto;padding:4px 8px;border:1px inset var(--window-bg);background:var(--win95-white);font-size:10px;min-width:60px;text-align:center}.desktop-icon{position:absolute;width:64px;text-align:center;cursor:pointer;padding:4px;border:1px solid transparent}.desktop-icon:hover{background:#00f3;border:1px dotted var(--win95-white);cursor:pointer}.desktop-icon-image{width:32px;height:32px;background:var(--win95-blue);margin:0 auto 4px;position:relative}.desktop-icon-label{color:var(--win95-white);font-size:10px;text-shadow:1px 1px 0px var(--win95-black);word-wrap:break-word}.scrollbar{width:16px;background:var(--window-bg);border:1px inset var(--window-bg)}.scrollbar-thumb{background:var(--button-face);border:1px outset var(--button-face);min-height:20px}.scrollbar-arrow{width:16px;height:16px;background:var(--button-face);border:1px outset var(--button-face);display:flex;align-items:center;justify-content:center;cursor:pointer}.scrollbar-arrow:hover{background:var(--win95-light-gray)}.scrollbar-arrow:active{border:1px inset var(--button-face)}.app-window{max-width:1200px;margin:20px auto;background:var(--window-bg);border:2px outset var(--window-bg);box-shadow:2px 2px 0 var(--win95-dark-gray)}.app-title-bar{background:var(--title-bar-active);color:var(--win95-white);padding:4px 8px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.app-content{padding:16px;min-height:600px}.hero-window{background:var(--window-bg);border:2px outset var(--window-bg);margin-bottom:20px;min-height:400px}.hero-content{padding:20px;text-align:center}.hero-title{font-size:32px;font-weight:700;color:var(--win95-navy);margin-bottom:16px;text-shadow:1px 1px 0px var(--win95-light-gray)}.hero-subtitle{font-size:14px;color:var(--win95-black);margin-bottom:24px}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.contract-box{background:var(--win95-white);border:2px inset var(--window-bg);padding:12px;margin:16px 0;font-family:Courier New,monospace;font-size:10px}.contract-label{font-weight:700;margin-bottom:4px;color:var(--win95-navy)}.contract-address{word-break:break-all;background:var(--win95-white);padding:4px;border:1px solid var(--win95-dark-gray)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.feature-window{background:var(--window-bg);border:2px outset var(--window-bg);box-shadow:1px 1px 0 var(--win95-dark-gray)}.feature-title-bar{background:var(--win95-dark-gray);color:var(--win95-white);padding:4px 8px;font-weight:700;font-size:11px}.feature-content{padding:16px}.feature-icon{width:32px;height:32px;background:var(--win95-blue);margin:0 auto 12px;border:1px outset var(--button-face);display:flex;align-items:center;justify-content:center;color:var(--win95-white)}.feature-title{font-weight:700;font-size:12px;margin-bottom:8px;text-align:center}.feature-description{font-size:11px;line-height:1.4;text-align:center}.timer-window{background:var(--window-bg);border:2px outset var(--window-bg);box-shadow:2px 2px 0 var(--win95-dark-gray);margin:20px 0}.timer-content{padding:20px;text-align:center}.timer-display{background:var(--win95-black);color:var(--win95-green);border:2px inset var(--window-bg);padding:20px;font-family:Courier New,monospace;font-size:36px;font-weight:700;margin:16px 0;text-align:center;text-shadow:0 0 5px var(--win95-green)}.timer-label{font-size:12px;font-weight:700;margin-bottom:8px}.timer-status{margin:16px 0}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;border:1px solid var(--win95-black)}.status-locked{background:var(--win95-red);animation:blink 1s infinite}.status-unlocked{background:var(--win95-green)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.table-window{background:var(--window-bg);border:2px outset var(--window-bg);box-shadow:2px 2px 0 var(--win95-dark-gray);margin:20px 0}.table-content{padding:16px}.comparison-table{width:100%;background:var(--win95-white);border:2px inset var(--window-bg);border-collapse:collapse}.comparison-table th,.comparison-table td{border:1px solid var(--win95-dark-gray);padding:6px 8px;text-align:left;font-size:11px}.comparison-table th{background:var(--win95-silver);font-weight:700}.comparison-table tr:nth-child(2n){background:var(--win95-light-gray)}.status-good{color:var(--win95-green);font-weight:700}.status-bad{color:var(--win95-red);font-weight:700}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--window-bg);border:2px outset var(--window-bg);box-shadow:4px 4px 0 var(--win95-dark-gray);min-width:300px;z-index:2000}.dialog-content{padding:16px;display:flex;align-items:center;gap:16px}.dialog-icon{width:32px;height:32px;background:var(--win95-blue);flex-shrink:0}.dialog-buttons{padding:8px 16px 16px;text-align:center}.dialog-buttons .win-button{margin:0 4px}@media (max-width: 768px){.app-window{margin:10px}.feature-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.hero-title{font-size:24px}.timer-display{font-size:24px;padding:16px}}.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.error-dialog{background:var(--win95-red);color:var(--win95-white)}.success-dialog{background:var(--win95-green);color:var(--win95-white)}.loading{display:inline-block;animation:loading 1s steps(4) infinite}@keyframes loading{0%{content:"|"}25%{content:"/"}50%{content:"-"}75%{content:"\\"}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.mb-4{margin-bottom:8px}.mb-8{margin-bottom:16px}.mt-4{margin-top:8px}.mt-8{margin-top:16px}.p-4{padding:8px}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:8px}.w-full{width:100%}.hidden{display:none}