@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap";
:root{--navy:#0a3d6b;--navy2:#0d4f8a;--yellow:#f5c518;--yellow2:#e6b800;--white:#fff;--gray50:#f8f9fa;--gray100:#eef1f5;--gray300:#c4cdd6;--gray500:#6b7c8e;--gray700:#2e3a47;--red:#e53e3e;--green:#22c55e;--radius:14px;--shadow:0 4px 24px #0a3d6b21}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--navy);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Barlow,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}body:before{content:"";background:linear-gradient(90deg,var(--navy)0%,var(--navy)33.3%,var(--yellow)33.3%,var(--yellow)66.6%,var(--white)66.6%,var(--white)100%);z-index:1000;height:6px;display:block;position:fixed;top:0;left:0;right:0}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--gray700);padding:20px}.btn-primary{background:var(--yellow);color:var(--navy);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;width:100%;padding:14px 24px;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:700;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--yellow2)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--gray500);background:0 0;padding:10px;font-size:.9rem}.badge{border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-yellow{color:#92680a;background:#fff3cc}.badge-green{color:#15803d;background:#dcfce7}.badge-red{color:#b91c1c;background:#fee2e2}.badge-navy{color:#1d4ed8;background:#dbeafe}.badge-gray{color:#374151;background:#f3f4f6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}
