:root{font-family:Arial,sans-serif}body{margin:0;padding:0;background-image:url(../../../uploads/Background.png);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-family:Helvetica,Arial,sans-serif}*{box-sizing:border-box}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.header.svelte-12qhfyh{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100vw;background-color:#faebd7;padding:20px;margin-bottom:20px;z-index:100;box-shadow:0 2px 4px #0000001a}h1.svelte-12qhfyh{color:#333;border-bottom:3px solid #4CAF50;padding-bottom:10px;margin:0}.user-info.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.user-info.svelte-12qhfyh span:where(.svelte-12qhfyh){color:#555;margin-right:10px}.login-btn.svelte-12qhfyh,.register-btn.svelte-12qhfyh,.logout-btn.svelte-12qhfyh{padding:8px 16px;text-decoration:none;border-radius:4px;transition:background-color .3s;font-size:14px}.login-btn.svelte-12qhfyh{background-color:#2196f3;color:#fff}.login-btn.svelte-12qhfyh:hover{background-color:#1976d2}.register-btn.svelte-12qhfyh{background-color:#4caf50;color:#fff}.register-btn.svelte-12qhfyh:hover{background-color:#45a049}.logout-btn.svelte-12qhfyh{background-color:#f44336;color:#fff}.logout-btn.svelte-12qhfyh:hover{background-color:#d32f2f}a.svelte-12qhfyh{text-decoration:none}.footer.svelte-12qhfyh{background-color:#2c3e50;color:#ecf0f1;padding:20px;margin-top:40px;text-align:center;width:100vw}.footer-content.svelte-12qhfyh{max-width:1200px;margin:0 auto}.footer-content.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0 0 10px;font-size:14px}.footer-links.svelte-12qhfyh{display:flex;justify-content:center;align-items:center;gap:10px;font-size:14px}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#3498db;text-decoration:none;transition:color .3s}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#5dade2;text-decoration:underline}.separator.svelte-12qhfyh{color:#7f8c8d}