:root{--bg-color:#f4f4f4;--text-color:#333;--container-bg:#fff;--header-bg:#fff;--heading-color:#2c3e50;--link-color:#555;--link-hover:#9c0000;--border-color:#eee;--footer-color:#7f8c8d;--shadow:rgb(0 0 0 / .1)}html.dm{--bg-color:#1a1a1a;--text-color:#e0e0e0;--container-bg:#222;--header-bg:#222;--heading-color:#e0e0e0;--link-color:#e0e0e0;--border-color:#383838;--footer-color:#6a6a6a;--shadow:rgb(0 0 0 / .3)}body{font-family:sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;transition:background-color 0.3s,color 0.3s}.container{max-width:800px;margin:0 auto;padding:20px}h1{color:var(--heading-color);border-bottom:2px solid var(--border-color);padding-bottom:10px}h2{color:var(--heading-color);margin-top:30px}ul{list-style-type:disc;margin-left:20px}header{background-color:var(--header-bg);padding:15px 0;box-shadow:0 2px 4px var(--shadow);display:flex;justify-content:center;align-items:center;position:relative;z-index:1000;transition:background-color 0.3s,box-shadow 0.3s}header .container{display:flex;justify-content:space-between;align-items:center;width:100%}header h1{margin:0;border-bottom:none;padding-bottom:0;font-size:1.8em}header nav a{margin-left:20px;color:var(--link-color);text-decoration:none;transition:color 0.3s}header nav a:hover,.tt:hover{color:var(--link-hover)}.tt{background:none;border:none;font-size:1.5em;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--link-color);transition:color 0.3s}.btn{display:inline-block;padding:10px 20px;margin:10px 10px 10px 0;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color 0.3s,color 0.3s,border-color 0.3s;text-align:center;box-sizing:border-box}.btn.primary{background-color:#9c0000;color:#fff;border:1px solid #9c0000}.btn.primary:hover{background-color:#7e0000;border-color:#7e0000}.btn.secondary{background-color:#666;color:#fff;border:1px solid #666}.btn.secondary:hover{background-color:#444;border-color:#444}html.dm .btn.secondary{background-color:#555;color:#e0e0e0;border-color:#555}html.dm .btn.secondary:hover{background-color:#777;border-color:#777}.bg{margin-top:20px}.ho{text-align:center;padding:50px 0;background-color:var(--container-bg);margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px var(--shadow);transition:background-color 0.3s,box-shadow 0.3s}.ho h1{font-size:2.5em;color:var(--heading-color);margin-bottom:15px;border-bottom:none}.footer{margin-top:50px;font-size:.9em;color:var(--footer-color);text-align:center;padding:20px}.footer p{margin:0}@media (max-width:600px){header .container{flex-direction:column;text-align:center}header nav{margin-top:10px}header nav a{margin:0 10px}.tt{position:static;transform:none;margin-top:10px}.bg{flex-direction:column;align-items:center}.btn{width:80%;margin:5px 0}}