body { 
			background: #f8f9fa;
			height: 100vh; 
			display: flex; 
			align-items: center;
			justify-content: center;
			font-family: 'Segoe UI', sans-serif; 
		} 
        .card { 
			border: none; 
			border-radius: 15px;
			box-shadow: 0 10px 40px rgba(0,0,0,0.08); 
			width: 100%; 
			max-width: 400px; 
			overflow: hidden; 
		} 
        .card-header {
			background: linear-gradient(45deg, #5b21b6, #7c3aed);
			color: white;
			text-align: center;
			padding: 25px;
			border: none;
		}
        .form-control { 
			border-radius: 8px;
			padding: 12px;
			border: 1px solid #e0e0e0; 
		} 
        .btn-danger {
			background-color: #6d28d9;
			border: none;
			padding: 12px;
			border-radius: 8px;
			font-weight: bold;
			transition: 0.3s;
		}
        .btn-danger:hover {
			background-color: #5b21b6;
			transform: translateY(-1px);
		}
        .modal-content { 
			border-radius: 15px; 
			border: none; 
		}