body {
            background: linear-gradient(135deg, #f8fafc 0%, #e8f2fd 100%);
        }
        
        .material-symbols-outlined {
            font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
            font-size: 20px;
        }
        
        .checkbox-custom:checked {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
            background-color: #1173d4;
            border-color: #1173d4;
        }
        
        .input-focus:focus {
            box-shadow: 0 0 0 2px rgba(17, 115, 212, 0.1);
            outline: none;
        }
        
        .btn-submit {
            transition: all 0.3s ease;
        }
        
        .btn-submit:hover {
            transform: translateY(-1px);
        }
        
        .btn-submit:active {
            transform: translateY(0);
        }