PEEJWORLD/edusign-smart-tuition-registration

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Inter', sans-serif;5    line-height: 1.6;6}7 8/* Custom radio button styling */9input[type="radio"] {10    -webkit-appearance: none;11    appearance: none;12    width: 20px;13    height: 20px;14    border: 2px solid #d1d5db;15    border-radius: 50%;16    outline: none;17    cursor: pointer;18    position: relative;19    transition: all 0.2s ease;20}21 22input[type="radio"]:checked {23    border-color: #3b82f6;24    background-color: #3b82f6;25    background-image: radial-gradient(circle, white 35%, transparent 40%);26}27 28input[type="checkbox"] {29    -webkit-appearance: none;30    appearance: none;31    width: 18px;32    height: 18px;33    border: 2px solid #d1d5db;34    border-radius: 4px;35    outline: none;36    cursor: pointer;37    transition: all 0.2s ease;38}39 40input[type="checkbox"]:checked {41    border-color: #3b82f6;42    background-color: #3b82f6;43    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");44    background-repeat: no-repeat;45    background-position: center;46}47 48/* Custom scrollbar */49::-webkit-scrollbar {50    width: 8px;51    height: 8px;52}53 54::-webkit-scrollbar-track {55    background: #f1f1f1;56}57 58::-webkit-scrollbar-thumb {59    background: #c1c1c1;60    border-radius: 4px;61}62 63::-webkit-scrollbar-thumb:hover {64    background: #a1a1a1;65}66 67/* Animation for form sections */68section {69    animation: fadeIn 0.5s ease-out forwards;70}71 72@keyframes fadeIn {73    from {74        opacity: 0;75        transform: translateY(10px);76    }77    to {78        opacity: 1;79        transform: translateY(0);80    }81}82 83/* Responsive adjustments */84@media (max-width: 640px) {85    .container {86        padding-left: 1rem;87        padding-right: 1rem;88    }89}