@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
:root { --bg: #F4F7F9; --card: #FFFFFF; --primary: #0A2540; --accent: #00D4FF; --text: #333; --font: 'Inter', sans-serif; }
body { font-family: var(--font); background: var(--bg); color: var(--text); margin: 0; padding: 0; }
.vault-nav { background: var(--card); padding: 15px 40px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(10,37,64,0.05); position: sticky; top: 0; z-index: 100; flex-wrap: wrap; gap: 15px; }
.vault-nav .brand { display: flex; align-items: center; gap: 10px; }
.vault-nav h1 { font-weight: 800; color: var(--primary); margin: 0; font-size: 1.6rem; letter-spacing: -0.5px; }
.nav-links { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.vault-nav a { color: #555; text-decoration: none; font-weight: 600; font-size: 0.95rem; padding: 8px 16px; border-radius: 6px; transition: 0.2s; }
.vault-nav a:hover, .vault-nav a.active { background: rgba(10,37,64,0.05); color: var(--primary); }
.vault-nav a.register-btn { background: var(--primary); color: #FFF; box-shadow: 0 4px 10px rgba(10,37,64,0.2); }
.main-wrapper { max-width: 1000px; margin: 40px auto; padding: 0 20px; }
.card-container { background: var(--card); border-radius: 16px; box-shadow: 0 10px 30px rgba(10,37,64,0.08); border: 1px solid rgba(10,37,64,0.05); }
.results-iframe { width: 100%; border: none; display: block; }