:root{--white: #fafdff;--darker: #00101f;--dark: #002430;--primary-color: #1099c3;--background-color: var(--darker);--text-color: var(--white);--secondary-color: var(--primary-color);--button-bg-color: var(--primary-color);--button-hover-bg-color: var(--white);--button-hover-text-color: var(--darker);--nav-bg-color: transparent;--footer-bg-color: transparent;--footer-text-color: var(--white)}body{margin:0;font-family:Albert Sans,sans-serif;background:var(--background-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3{color:var(--primary-color)}h1{font-size:3rem;font-weight:700;display:flex;flex-direction:row;align-items:center;gap:20px}@media (max-width: 800px){h1{flex-direction:column}}a{text-decoration:none;color:var(--primary-color)}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:var(--nav-bg-color);color:#fff;padding:10px 0;text-align:center}footer{background:#ffffff0d;color:var(--footer-text-color);text-align:center;padding:10px 0;position:relative;bottom:0;width:100%;border-top:1px solid rgba(255,255,255,.2)}nav{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}button{background:var(--button-bg-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background .3s,color .3s}button:hover{background:var(--button-hover-bg-color);color:var(--button-hover-text-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}