:root{--bg-url: url(https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&w=2070&auto=format&fit=crop);--text: #ffffff;--inverse: #000000;--text-muted: rgba(255, 255, 255, .7);--glass: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .1);--dock-bg: rgba(20, 20, 20, .4);--win-red: #ff5f56;--win-yellow: #ffbd2e;--win-green: #27c93f}body.light-mode{--text: #000000;--inverse: #ffffff;--text-muted: rgba(0, 0, 0, .7);--glass: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .2);--dock-bg: rgba(255, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,sans-serif;color:var(--text);overflow:hidden;background-color:#000;background-image:var(--bg-url);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .5s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1;pointer-events:none;transition:background .5s ease}body.light-mode:before{background:#ffffff26;-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}.page-container{padding:100px 40px 40px 100px;height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.page-container{padding:80px 20px 120px}}.glass-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;box-shadow:0 20px 40px #0003;transition:background .3s,color .3s}.window-header{background:#7d7d7d1a;padding:12px 15px;display:flex;gap:8px;border-bottom:1px solid var(--glass-border);border-radius:18px 18px 0 0}.window-header .win-btn{width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:10px;font-weight:700;color:transparent;transition:.2s;cursor:pointer}.close{background:var(--win-red)}.min{background:var(--win-yellow)}.max{background:var(--win-green)}.window-header:hover .close{color:#5a0000}.window-header:hover .close:after{content:"×";font-size:12px}.window-header:hover .min{color:#5a4500}.window-header:hover .min:after{content:"−"}.window-header:hover .max{color:#004d00}.window-header:hover .max:after{content:"+";font-size:10px}