@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");:root{--primary-color:#e83e8c;--secondary-color:#2196f3;--background-color:#050e2d;--text-color:#fff;--light-text-color:hsla(0,0%,100%,.7);--button-hover:#d81b7b;--card-bg:rgba(0,0,0,.25);--card-border:hsla(0,0%,100%,.1);--animation-slow:3s;--animation-medium:1.5s;--animation-fast:0.8s}.brand-logo{margin-bottom:2rem}.brand-logo,.logo-diamond{align-items:center;display:flex;justify-content:center}.logo-diamond{animation:logo-glow 3s infinite;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);box-shadow:0 0 15px rgba(33,150,243,.3);height:60px;overflow:hidden;position:relative;transform:rotate(45deg);transition:all .3s ease;width:60px}.logo-image{filter:brightness(0) invert(1);height:100%;object-fit:contain;transform:rotate(-45deg) scale(1.2);transition:all .3s ease;width:100%}.logo-text{background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;color:#fff;font-size:32px;font-weight:700;letter-spacing:1px;margin-left:5px;text-shadow:0 2px 10px rgba(0,0,0,.3);-webkit-text-fill-color:transparent}.spinner{animation:spin var(--animation-medium) linear infinite;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;border-top:4px solid var(--secondary-color);height:30px;width:30px}.loading-spinner{animation:spin var(--animation-fast) linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:10px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes logo-glow{0%{box-shadow:0 0 15px rgba(33,150,243,.3)}50%{box-shadow:0 0 20px rgba(33,150,243,.5)}to{box-shadow:0 0 15px rgba(33,150,243,.3)}}@keyframes pulse-brightness{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}