:root{--navy-blue:#001f3f;--yellow:gold;--light-navy:#036;--dark-navy:#001529;--light-yellow:#ffeb3b;--gray:#f5f5f5;--dark-gray:#333;--white:#fff;--success:#4caf50;--error:#f44336;--warning:#ff9800}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray);color:var(--dark-gray)}h1,h2,h3,h4,h5,h6{color:var(--navy-blue);font-weight:600}.button-primary{background-color:var(--navy-blue);color:var(--white);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-primary:hover{background-color:var(--light-navy);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,31,63,.3)}.button-secondary{background-color:var(--yellow);color:var(--navy-blue);border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.button-secondary:hover{background-color:var(--light-yellow);transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,215,0,.3)}.card{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px;margin-bottom:20px}.input-field{width:100%;padding:12px;border:2px solid var(--gray);border-radius:6px;font-size:14px;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:var(--navy-blue)}.container{max-width:1200px;margin:0 auto;padding:20px}