:root{--bg:#0e0f12;--ink:#eaeaea;--accent:#ffcc00}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;margin:0!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:'Noto Kufi Arabic',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -100px,#1b1f27 0%,#0d0f13 50%,#06070a 100%);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}.body-wrap{max-width:1100px;margin:0 auto;padding:24px}.wrap{width:100%;max-width:1100px}.site-header img{display:block;max-width:100%;height:auto}.tv-frame{border-radius:24px;background:linear-gradient(#2b3037,#0c0e11);padding:30px;box-shadow:0 20px 40px rgb(0 0 0 / .6);width:100%;display:flex;flex-direction:column}.tv-screen{background:#0a0a0a;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px;flex-grow:1;min-height:100px}.title{text-align:center;font-weight:700;font-size:32px;margin-bottom:20px}.codes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.code-card{border-radius:14px;background:radial-gradient(120% 140% at 20% 0%,rgb(255 255 255 / .08),rgb(0 0 0 / .35));border:1px solid rgb(255 255 255 / .08);box-shadow:0 10px 25px rgb(0 0 0 / .35);padding:20px;display:flex;flex-direction:column;gap:8px}.card-title{font-weight:700;font-size:20px}.card-code{font-weight:700;font-size:42px;color:var(--accent)}.card-sub{font-size:14px;opacity:.8}.tags{margin-top:12px}.tags a{display:inline-block;font-size:12px;padding:6px 12px;border-radius:10px;border:1px solid rgb(255 255 255 / .2);opacity:.95;text-decoration:none;color:var(--ink);background:rgb(255 255 255 / .05);transition:background 0.2s ease,transform 0.2s ease}.tags a:hover,.tags a:focus{background:var(--accent);color:#000;transform:translateY(-2px)}.helper-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px;margin-top:24px}.helper-item{display:flex;align-items:center;gap:8px}@media (max-width:768px){body{background:#000}.body-wrap{padding:16px}.tv-frame{border-radius:12px;padding:16px}.tv-screen{padding:12px;gap:16px}.title{font-size:20px}.codes-container{grid-template-columns:1fr;gap:16px}.card-code{font-size:36px}.helper-row{flex-direction:column;align-items:flex-start;gap:10px}}