:root{--bg: #0d1f40;--bg2: #122a52;--accent: #FFD700;--text: #FFFFFF;--font: "Montserrat", "Noto Sans", sans-serif;--radius: 4px;--gap: 12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);padding-bottom:64px;overflow-x:hidden;max-width:100vw}body.auth-body{background-image:url(/assets/homepage/page-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font)}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.open{opacity:1;pointer-events:all}.sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:var(--bg2);border-right:1px solid #1c3a6e;z-index:201;transition:left .3s;overflow-y:auto;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1c3a6e}.sidebar-header img{height:52px;width:auto}.sidebar-close{background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:4px 8px}.sidebar-nav{padding:12px 0}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:.9rem;font-weight:600;border-bottom:1px solid #162d55;transition:background .2s}.sidebar-nav a:hover{background:#1a3060}.sidebar-nav .nav-icon{font-size:1.1rem;width:24px;text-align:center}.sidebar-cta{padding:16px;display:flex;flex-direction:column;gap:10px}.sidebar-cta a{display:block;width:100%;padding:12px;text-align:center;font-weight:700;border-radius:var(--radius);font-size:.95rem}.btn-login-side{background:var(--bg);border:1px solid var(--accent);color:var(--accent)}.btn-register-side{background:var(--accent);color:#000}.site-header{position:sticky;top:0;z-index:100;background:gold;border-bottom:3px solid #0d1f40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 10px;gap:8px}.header-hamburger{background:none;border:none;color:#0d1f40;font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;justify-self:start}.header-logo-wrap{display:flex;justify-content:center}.header-logo-wrap img{height:80px;width:auto;max-width:460px;object-fit:contain}@keyframes txt-pop{0%,to{transform:scale(1);text-shadow:none}45%{transform:scale(1.18);text-shadow:0 0 8px rgba(255,255,255,.8)}}.header-btns{display:flex;gap:8px;justify-self:end}.header-btns a{padding:10px 19px;border-radius:50px;font-weight:800;font-size:.94rem;white-space:nowrap;border:none;letter-spacing:.4px;text-transform:uppercase;transition:filter .2s,transform .15s}.header-btns a:hover{filter:brightness(1.15);transform:scale(1.04)}.btn-login-hdr{background:#1a3fcc;color:#fff}.btn-register-hdr{background:#cc1a1a;color:#fff}.btn-register-hdr .reg-txt{display:inline-block;animation:txt-pop 1.1s ease-in-out infinite}.announcement-bar{overflow:hidden;white-space:nowrap;background:#091828;color:var(--accent);padding:6px 0;font-size:.8rem;font-weight:600;border-bottom:1px solid #1c3a6e}.marquee-inner{display:inline-block}.footer-nav{position:fixed;bottom:0;left:0;right:0;background:#091828;border-top:1px solid var(--accent);display:flex;z-index:100}.footer-nav a{flex:1;display:flex;flex-direction:column;align-items:center;padding:7px 4px;font-size:.6rem;font-weight:600;gap:3px;color:#888;transition:color .2s}.footer-nav a:hover,.footer-nav a.active{color:var(--accent)}.footer-nav .nav-ico{font-size:1.15rem}.auth-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:420px;background:#122a55f2;border:1px solid var(--accent);border-radius:var(--radius);padding:32px}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo img{max-width:130px;margin:0 auto 10px}.auth-logo .brand{color:var(--accent);font-size:1.3rem;font-weight:700}.field-input{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid #1c3a6e;border-radius:var(--radius);margin-bottom:10px;font-family:var(--font);font-size:.9rem}.field-input:focus{outline:none;border-color:var(--accent)}.auth-links{display:flex;justify-content:space-between;margin-top:14px;font-size:.82rem}.auth-links a{color:#aaa}.auth-links a.accent{color:var(--accent);font-weight:600}@media(max-width:768px){body.auth-body{background-attachment:scroll}.footer-nav a{padding:9px 4px 7px}}@media(max-width:640px){.site-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:6px 10px 0;gap:0}.header-hamburger{grid-column:1;grid-row:1;font-size:1.35rem}.header-logo-wrap{grid-column:2;grid-row:1;justify-content:flex-start;padding-left:8px}.header-logo-wrap img{height:52px;max-width:100%}.header-btns{grid-column:1 / -1;grid-row:2;justify-self:stretch;justify-content:center;gap:10px;padding:6px 0 8px}.header-btns a{flex:1;max-width:150px;padding:8px 0;font-size:.85rem;text-align:center;letter-spacing:.3px}}@media(max-width:480px){.auth-card{padding:22px 18px}.auth-wrap{padding:18px 12px}}@media(max-width:380px){.header-logo-wrap img{height:44px}.header-hamburger{font-size:1.25rem}.footer-nav a{padding:6px 2px;font-size:.56rem}.footer-nav .nav-ico{font-size:1rem}}