*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg: #2b1810;--secondary-bg: #3d2415;--accent-color: #4a2f1c;--highlight: #d4a574;--highlight-bright: #f4c794;--text-primary: #f4c794;--text-secondary: #d4a574;--border-color: #5a3a24;--hover-color: #4a2f1c;--button-bg: #8b4513;--button-hover: #a0522d}body{font-family:"Press Start 2P",Courier New,monospace;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--text-primary);line-height:1.8;min-height:100vh;font-size:14px}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}h1{font-size:2rem;color:var(--highlight-bright);text-shadow:3px 3px 0 rgba(0,0,0,.5);text-transform:uppercase}h2{font-size:1.5rem;color:var(--text-primary);text-shadow:2px 2px 0 rgba(0,0,0,.5)}h3{font-size:1.2rem;color:var(--text-primary);text-shadow:2px 2px 0 rgba(0,0,0,.5)}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--highlight);text-decoration:none;transition:color .3s ease}a:hover{color:#ff6b8a}.btn{display:inline-block;padding:12px 24px;background:var(--button-bg);color:var(--text-primary);border:3px solid var(--border-color);border-radius:0;cursor:pointer;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .2s ease;box-shadow:4px 4px #00000080;text-transform:capitalize}.btn:hover{background:var(--button-hover);transform:translate(2px,2px);box-shadow:2px 2px #00000080;color:var(--highlight-bright)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 #00000080}.card{background:#3d2415e6;border:3px solid var(--border-color);border-radius:0;padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;box-shadow:6px 6px #00000080}.card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #00000080;border-color:var(--highlight)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){body{font-size:12px}h1{font-size:1.2rem;letter-spacing:1px}h2{font-size:1rem}h3{font-size:.9rem}.container{padding:0 10px}.btn{padding:10px 16px;font-size:.75rem}.card{padding:1rem;margin-bottom:1rem}p{font-size:.75rem;line-height:1.6}}@media (max-width: 480px){body{font-size:10px}h1{font-size:1rem}h2{font-size:.85rem}h3{font-size:.75rem}.btn{padding:8px 12px;font-size:.65rem}.card{padding:.75rem}}