:root{--sys-blue: #00eaff;--sys-blue-dim: #007a85;--sys-blue-glow: rgba(0, 234, 255, .4);--sys-dark-bg: #050508;--sys-panel-bg: rgba(12, 18, 28, .9);--sys-panel-border: #1a2a40;--sys-text-primary: #ffffff;--sys-text-secondary: #8da0c7;--sys-text-dim: #4a5a75;--sys-gold: #ffd700;--sys-danger: #ff3333;--sys-success: #33ff77;--sys-border-radius: 2px;--sys-spacing-sm: 8px;--sys-spacing-md: 16px;--sys-spacing-lg: 24px;--font-main: "Exo 2", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sys-dark-bg);color:var(--sys-text-primary);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--sys-dark-bg)}::-webkit-scrollbar-thumb{background:var(--sys-blue-dim)}.sys-window{background:var(--sys-panel-bg);border:1px solid var(--sys-panel-border);box-shadow:0 0 15px #000c,inset 0 0 20px #0064ff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.sys-window:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--sys-blue),transparent);opacity:.7}.sys-title{color:var(--sys-blue);text-transform:uppercase;letter-spacing:2px;font-weight:700;text-shadow:0 0 8px var(--sys-blue-glow);margin-bottom:var(--sys-spacing-md);border-bottom:1px solid var(--sys-blue-dim);padding-bottom:var(--sys-spacing-sm)}button{cursor:pointer;border:none;font-family:var(--font-main)}@media(max-width:768px){body{font-size:14px}.sys-window{padding:15px!important;margin:10px;border-radius:8px}.sys-title{font-size:1.2rem;letter-spacing:1px;margin-bottom:15px}}@media(max-width:480px){body{font-size:13px}.sys-window{padding:12px!important;margin:5px}.sys-title{font-size:1rem}}