:root{--blue: #04133b;--gold: #f3c114;--white: #ffffff;--font: "Segoe UI", Arial, sans-serif;--nav-h: 76px;--navy-text: #04133b;--text-dark: #1a1a1a;--border-light: #e0e0e0;--light-gray: #f5f5f5;--shadow: 0 4px 8px rgba(0, 0, 0, .1);--text-shadow: 2px 2px 8px rgba(0, 0, 0, .7);--danger: #d32f2f}body,html{margin:0;padding:0;height:100%;font-family:var(--font)}noscript{position:fixed;background:var(--white);width:100vw;height:100vh;padding:1em;font-size:1.2em;z-index:1000}main{padding-top:var(--nav-h);display:flex;flex-direction:column;align-items:center}hero-banner{display:block;width:100%;height:calc(100vh - var(--nav-h))}search-banner{width:100%}browse-page{display:block;width:100%;box-sizing:border-box}header{position:fixed;top:0;left:0;width:100%;z-index:100}.site-header{min-height:var(--nav-h);background:var(--blue);display:flex;align-items:center;padding:0 1rem;z-index:100;flex-wrap:wrap;justify-content:space-between}.site-header .logo{display:inline-flex;align-items:center;color:var(--gold);font-weight:700;transition:transform .2s ease;min-width:max-content;cursor:pointer}.site-header .logo img{height:32px;margin-right:.5rem}.site-header .logo:hover{transform:scale(1.015)}.site-header .logo span{font-size:1.2rem}.main-nav{display:flex;gap:1rem;margin-left:2rem;flex-wrap:wrap}.main-nav a{color:var(--gold);text-decoration:none;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;padding:28px 10px;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.main-nav a.current-page{background-color:#f3c11433;border-radius:3px;font-weight:600}.main-nav a.current-page:hover{background-color:#f3c1144d}.main-nav a:hover{background-color:#f3c11426;border-radius:3px}.user-icons{display:flex;align-items:center;gap:1rem;margin-left:auto;min-width:max-content}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999}.notification-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none}