@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');

:root {
  --primary-color: #000957; /* Deep Navy */
  --secondary-color: #344CB7; /* Royal Blue */
  --accent-color: #FFEB00; /* Bright Yellow */
  --light-color: #F0F4F8; /* Soft Off-White */
  --dark-color: #050515; /* Almost Black Blue */
  --gradient-primary: linear-gradient(135deg, #000957 0%, #344CB7 100%);
  --hover-color: #D6C500; /* Darker Yellow */
  --background-color: #0A0F1C; /* Dark Background */
  --text-color: #D1D5DB; /* Light Gray Text */
  --border-color: rgba(52, 76, 183, 0.4); /* Royal Blue Border */
  --divider-color: rgba(240, 244, 248, 0.1); /* Light Divider */
  --shadow-color: rgba(0, 0, 0, 0.6); /* Heavy Shadow */
  --highlight-color: #577BC1; /* Light Blue */
  --main-font: 'Nunito', sans-serif;
  --alt-font: 'Inter', sans-serif;
}

html {
    scroll-behavior: smooth;
}

.feature-item:hover {
    transform: translateY(-8px);
    border-color: var(--highlight-color);
    box-shadow: 0 15px 30px rgba(0,0,0,0.8);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

input:focus, textarea:focus {
    outline: none;
    border-color: var(--highlight-color) !important;
    box-shadow: 0 0 12px rgba(87, 123, 193, 0.6);
}

::placeholder {
    color: rgba(209, 213, 219, 0.4);
}