:root{--primary-color: #ffffff;--accent-color: #00eaff;--background-gradient: linear-gradient(135deg, #000000, #080808, #101010, #181818, #202020);--text-color: #ffffff;--card-background: rgba(26, 26, 26, .95);--header-background: rgba(0, 0, 0, .3);--footer-background: rgba(0, 0, 0, .3);--spacing-unit: 8px;--font-family: "Aileron", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);line-height:1.6;color:var(--text-color);background:var(--background-gradient);transition:background .5s ease,color .5s ease}a{text-decoration:none;color:inherit}.spinner{width:calc(var(--spacing-unit) * 5);height:calc(var(--spacing-unit) * 5);border:5px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{to{transform:rotate(360deg)}}