*{transition:opacity .3s ease,transform .3s ease}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue:#1e3a8a;--light-blue:#3b82f6;--lighter-blue:#eff6ff;--dark:#1a1a1a;--white:#fff;--gray:#334155;--light-gray:#f8fafc}body{color:var(--dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 1rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--light-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.loading-screen{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--light-blue) 100%);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-content{color:var(--white);text-align:center}.loading-logo{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.loading-logo,.loading-logo img{border-radius:100%}.loading-content h2{font-size:2rem;font-weight:600;letter-spacing:2px;margin-bottom:2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:4px solid var(--white);height:50px;margin:0 auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.page-load-enter-active{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}